Main menu font colours

[xmelaniex]

Hi ! im hoping someone may help. I would like my main menu font colours to be different . im so new to this and trying to figure out css etc so please be gentle. I think maybe black but other suggestions welcomed ! ty in advance. 

[Made4uo-Ribe]

Hi @xmelaniex 

Would you mind to share your store URL? What color would be and all the menu you like to change color or just specific one? 

[BSSCommerce-B2B]

Hi @xmelaniex 

I have reviewed your requirement , I think you just need edit css script in base.css and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code: 

 

Step 2: Search base.css and add the script css custom font in the end of file: 

.header__active-menu-item, 
.header__menu-item {
    color: black !important;
}

Step 3:  Save and reload page in storefront. 

=> The result: 

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

[xmelaniex]

thats amazing thats worked ! now, is there a way i can change the headers of the dropdowns to another colour ? so the main headings will be black, then the sub headings another colour x

[BSSCommerce-B2B · Accepted solution]

Hi @xmelaniex,

I'm very pleased that my solution could help you.

For your new requirement, in this step 2 edit css in base.css, you just need to add the class .mega-menu__link.link to the custom CSS and save it again: 

.header__active-menu-item,
.header__menu-item,
.mega-menu__link.link {
    color: black !important;
}

And the result, you can change the headers of the dropdowns to black color.

If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir!