Color changes when hovering over the menu

Good afternoon, I can not find how to change the color of the text in the menu on the main page, I attach a photo. How can I change from a pale color to a more black color so that people can clearly see the name of the additional categories

Hello,

Sorry but currently I am unable to see the screenshot you attached.

Please make sure that you attached the screenshot correctly to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

Here is the image

Attachments:

You must be logged in to view attached files.

Sorry I uploaded the wrong image, here is the correct one

here is the correct image

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.vertical-navigation .menu-simple-dropdown li a {
    color: #000;
}

Regards.
Xtemos Studios.

Okay, thank you so much for your help. but there was another problem 😀 is now visible very well, but when you hover the mouse cursor over the arrow, it is not very clearly visible. Can I change the text color on hover? for example, on such a #329af4 can you please write another code? what would I do if I could change the color to the one that suits me?

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.vertical-navigation .menu-simple-dropdown li a:hover {
color: #329af4;
}

Regards.
Xtemos Studios.

thank you, two more questions 😀 how do I remove the gray background when hovering in the drop-down menu? And how to increase the font size in the main menu and in the drop-down menu

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

For the background try adding the following Custom CSS:

.header-categories-nav .categories-menu-dropdown .item-level-0>a:hover {
    background: transparent;
}

.vertical-navigation .menu-simple-dropdown li a:hover {
    background: transparent;
}

For the font-size try adding the following Custom CSS:

.header-categories-nav .categories-menu-dropdown .item-level-0>a {
    font-size: 15px;
}

.menu-simple-dropdown li a {
    font-size: 15px;
}

Best Regards.

[Author]

Posts