[Support request] Disable active page highlight in navigation

[Matthew]

Hi,

I have been trying to figure out how to disable the effect for the active page, I could like the navigation to work how it normally works even if you are on a specific page.

How can I disable the active effect so that hover over effects etc work like normal.

Thanks!

[David]

Hi there,

try this:

.main-navigation .main-nav ul li.current-menu-item:hover>a {
    color: #fff;
    background-color: #f5b660;
}

[Matthew]

Hi David,

That is great thank – it’s worked on the main menu but not the sub menus.

This code has really lost me as to how it worked to be honest so I can’t replicate for the sub menus.

Thanks for your help!

[Leo]

Try this:

.main-navigation .main-nav ul li.current-menu-item:hover > a,
.main-navigation .main-nav ul ul li.current-menu-item:hover > a {
    color: #fff;
    background-color: #f5b660;
}

If you right click on the menu item and use the browser inspect, you can see the selectors.

[Author]

Posts