Change colour of main menu

Hi! As you can see in the pictures of the link, the white colour of the menu does not fits in the site when we scroll down, we almost can’t see the text. Is there a CSS code to change the colour?

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.float-header #mainnav ul li a,
.float-header #mainnav ul li::before {
    color: red;

You can use any other color or color code instead of red above.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Cool! :slight_smile:
And We can change also the original colour, I mean, before we scroll down?

Sure, you can do it in Customize → Colors → Header section, it’s Top level menu items option.

Kind Regards, Roman.

Yes, but there is a way to change it only in the home page?

Try to add this CSS code as well:

body.home #masthead:not(.float-header) #mainnav ul li a,
body.home #masthead:not(.float-header) #mainnav ul li::before {
    color: green;

Kind Regards, Roman.

YEAH!! Its OK!!! :slight_smile:
Thanks again

You are welcome! :slight_smile:

Kind Regards, Roman.