Header Menü Changing Hover Color

Dear all,

wanne change the color of my header menü hover Buttons to white.

If i hover over the header menü buttons there getting transparent green. My background header color is green, so you can´t read there by hovering within the sticky header.

How can I change it?


Please post a link to your website, so we can give you working Custom CSS to change that color.

Best Regards,


Still an issue :frowning:

It´s revolved.

Found something that helped: Top level menu items to white, will make it white all the time.


as I see on your site your menu items are still green on hover. Use this code in a child theme or custom css plugin to make them white.

#mainnav ul li a:hover {
  color: #fff;

Or you could change the header-bar color from green to anything else with that:

.site-header.float-header {
  background-color: rgba(123, 123, 123, 0.9);

You have to choose the color that match your interests.

Best regards,

Hi WeAreOne,

Thanks for checking my site again.

You´re right. Confusing but the menu items was still on hover. Maybe just because i was on customize options and on hover at this time is not working :-(.

I used your first option by adding code to my custom css to solve and it´s working. So all fine now.

Thanks a lot