Solved

Main menu font colours

xmelaniex
Tourist
4 0 1

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. 

 

Screenshot 2024-05-06 at 21.08.40.png

Accepted Solution (1)
BSS-TechFusion
Shopify Expert
146 26 15

This is an 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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
5949 1432 1765

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? 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


BSS-TechFusion
Shopify Expert
146 26 15

Hi @xmelaniex ,

Can you kindly download your theme and share your file zip with us? We will help you check it and suggest you a solution.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

BSS-TechFusion
Shopify Expert
146 26 15

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: 

 

 
view.png

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: 

 

 
view.png

 

 

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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

xmelaniex
Tourist
4 0 1

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

BSS-TechFusion
Shopify Expert
146 26 15

This is an 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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development