Fixing menu hover effect

Hi there,

there isn’t a setting for that. Generally you would set the Current Menu item colors to show the item is the current page.

To add hover to a current item, add this CSS:

nav.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
    color: #999999;
    background-color: #d6d6d6;
}

Thanks.

I do not know what happens, but now the hover effects work on all headings in the menu. I added code and then deleted it, and now all headings have hover background colors without using the code.

Strange things. But the problem was solved. Thanks for your help.

I would suspect that you had some caching go on.
Add back the code I provided.
And clear any plugin / server / browser caches.
Then recheck the menus.

Noted, with thanks