Override Hummingbird navigation menu CSS

[ad_1]

Hi @kaitlinkma,

I noticed the menu items have a colour white when I checked at the moment. Just to be sure, the issue is when hovering over the menu items the text colour changes to orange? If yes, it appears the issue isn’t related to Hummingbird when checked.

If the above isn’t the case then please do share a screenshot if possible too.

Could you please temporarily disable the Hummingbird plugin and see how it behaves? It gives the impression that the issue might be the same even with the Hummingbird plugin disabled.

You can also try the following CSS as a workaround:

#modal-1-content > ul > .wp-block-navigation-item > a > span:hover, #modal-1-content > ul > li > ul > li > a > span:hover, #modal-1-content > ul > .wp-block-navigation-submenu > a:hover  {

color: red !important;
}

Please make sure to update to your desired color in the above CSS.

Kind Regards,

Nithin

Hi Nithin,

Yes, you were right – on all fronts!

The issue was the text hovering orange instead of blue. The static color of white was correct. This issue was indeed present when I disabled Hummingbird.

However, your code worked. You have no idea how many hours I spent trying to make it work. Thank you so much! You made my day.

Thanks again,

Kaitlin

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer