Color of sticky menu

Hello,

I am trying to change color of sticky menu and sub-menu together with color of fonts. From black background and white text to white background and black text
Menu and sub-menu can change can change, but for sticky menu only if I start to scroll down. If page is on top not scrolled background menu is always black (and menu text is not visible, because is black)

page is https://www.vyzivne.com

Can you please help?

Thanks
Jaromir

Hello Jaromir,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .float-header #mainnav .sub-menu li a,
    .site-header.float-header {
      background-color: #fff;
    }

    .float-header #mainnav ul li a,
    .float-header #mainnav .sub-menu li a {
      color: #000;
    }

    .float-header #mainnav .sub-menu li a:hover {
      background-color: #000;
      color: #fff;
    }

Regards,
Kharis

Hello Kharis,

Works great on PC, however on mobile stays still black. What is the tag for sticky menu on mobile?

Regards
Jaromir

Hello Jaromir,

Please try adding this CSS code:

    #mainnav-mobi.mainnav {
      background-color: #fff;
    }

    #mainnav-mobi ul > li > a {
      color: #000;
    }

Regards,
Kharis

Works perfectly. Thanks a lot for your support
Best regards
Jaromir

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis