Fixing menu hover effect

Viewing 4 replies - 1 through 4 (of 4 total)
  • David

    (@diggeddy)

    2 years, 8 months ago

    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;
}
    Thread Starter Yvette

    (@omaco)

    2 years, 8 months ago

    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.

    David

    (@diggeddy)

    2 years, 8 months ago

    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.

    Thread Starter Yvette

    (@omaco)

    2 years, 8 months ago

    Noted, with thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Fixing menu hover effect’ is closed to new replies.