Roll over Menu colours

Hi there

I am having trouble with my rollover/hover states.

When hovering over an element the background changes colour great but the text becomes the same colour as the background.

Rollover the ‘about us’ and ‘contact’ element of the ‘About Us’ menu item on -

And see attached.


Hello there,

I hope you are doing well today.

You can use the following CSS code to change the hover font color by going to Appearance > Customize > Additional CSS and pasting it there.

#page .menu > li > ul li a:hover, #page .btn.searchsubmit, #page .image-bg .btn.btn-filled {
    color: white;

Best Regards,