Change the color of a single main menu

Solved

Change the color of a single main menu

john_stones
Shopify Partner
4 0 1

Hi how can I change the color of a single main menu item for Dawn theme?

Accepted Solution (1)

BSSCommerce-TA
Shopify Expert
123 24 24

This is an accepted solution.

Hi @john_stones ,

Follow these Steps: 

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

#shopify-section-sections--17320594571416__header > sticky-header > header > nav > ul > li:nth-child(2) > a {
    color: red;
}

 

RESULT:

BSSCommerceTA_0-1718470931026.png

Note: 

li:nth-child(2) is the corresponding menuitem order you want to edit

 

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

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 5 (5)

BSSCommerce-TA
Shopify Expert
123 24 24

This is an accepted solution.

Hi @john_stones ,

Follow these Steps: 

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

 

#shopify-section-sections--17320594571416__header > sticky-header > header > nav > ul > li:nth-child(2) > a {
    color: red;
}

 

RESULT:

BSSCommerceTA_0-1718470931026.png

Note: 

li:nth-child(2) is the corresponding menuitem order you want to edit

 

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

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

kaiyaa
Explorer
292 23 28

Hello @john_stones 

you can give the css according to menu name for that.

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me

Made4uo-Ribe
Shopify Partner
6827 1627 2006

Hi @john_stones 

Which menu you like to change and what color? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

BSSCommerce-TA
Shopify Expert
123 24 24

Hi @john_stones ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible 

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

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-B2B
Shopify Expert
546 109 132

Hi @john_stones 

Could you provide some images showing the specific areas where you want to change the colors?

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency