How to Change the Hover Highlight and Hover Text Color of Sub Links in Top Header Menu

I have gone through the customization settings and cannot find a way to change the highlight background and highlighted hover link text in the top header menu. Somehow on the theme I am using the hovered area of the sub page menu is going to white text with lightest gray highlight and causing it to be impossible to read. Help!

Hi there,

Please try this code in the Global CSS:

.x-navbar .desktop .sub-menu a:hover {
    background-color: #ccc;
    color: #fff;
}

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.