Top level menu items color

hey team,

is there a way I can change the color of the top level menu items for my front page and sticky menu setting?

thanks

Hello there,

Add this CSS code to Appearance > Customize > Additional CSS from dashboard to change the top level menu color while on normal state (before down-scrolling).

    #mainnav .menu > li > a {
      color: #fff000;
    }

    #mainnav .menu > li > a:hover {
      color: #ff0000;
    }

For sticky position upon scrolling state, you can use this CSS code:

    .float-header #mainnav .menu > li > a {
      color: #ff0000;
    }

    .float-header #mainnav .menu > li > a:hover {
      color: #ffffff;
    } 

Regards,
Kharis

Kharis,

I believe the code does work however, the font color for the top level menu items for the rest of my site have changed as well.

a further explanation:
I would like the top level menu items to be white on my front page because they’re easier to see on the header slider

But the menu color on the rest of my site is white, so I would like the top level menu items to be black because if not it looks like this

thanks!

and I’m assuming the mobile menu background will be white too so that would be an other problem.

No need to respond to this…I already figured it out.
thanks!

Great!

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