Disable/stop the primary navigation menu from fading on hover.

[kristincali]

I would like to disable/stop the primary navigation menu from fading when hovered on.

Thank you!

[Andy]

Hi, please add this custom CSS to disable the hover fade.

#primary-menu:hover li a {
  opacity: unset;
}

[kristincali]

So simple! I tried all kinds of coding and couldn’t figure it out. Thank you.

This is not even important BUT for menu items with children (sub menus) the down arrow still fades. Is it possible to prevent that?

 

Seriously thank you so much. I love the support from UXL and I recommend your themes to anybody who asks!

[Andy]

Ahhh yes I forgot about the sub menu arrow, sorry about that.

Add #primary-menu:hover .menu-item-has-children:after to the previous custom CSS, so the full CSS code would be this:

#primary-menu:hover li a,
#primary-menu:hover .menu-item-has-children:after {
  opacity: unset;
}

[Author]

Posts