"SHOP" menu button color change ( Dawn Theme )

Solved

"SHOP" menu button color change ( Dawn Theme )

dreamtechzone_5
Shopify Partner
676 1 100

Hello Everyone!

I am using Shopify Dawn Theme. When I click on "SHOP" menu the "SHOP" menu text color changes. I would like to keep it white. Please help me. Thank you.

Store: https://delicious-fruits-vegetables.myshopify.com/

Password: Admin

 

Screenshot 2024-09-20 223428.png

Accepted Solutions (3)

pawankumar
Shopify Partner
722 104 123

This is an accepted solution.

Hi @dreamtechzone_5 
Please put this code in theme.liquid before body closing tag </body>

<style>
a#HeaderMenu-shop .header__active-menu-item {
    color: #fff !important;
}
</style>


Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan

View solution in original post

Moeed
Shopify Partner
7487 2027 2486

This is an accepted solution.

Hey @dreamtechzone_5 

 

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

<style>
.header__active-menu-item {
    color: white !important;
}
</style>

RESULT:

Moeed_0-1726850694362.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

BSSCommerce-B2B
Shopify Partner
1972 564 568

This is an accepted solution.

Hi @dreamtechzone_5 , 

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

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

BSSCommerceB2B_0-1726850844559.png

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

 

 

.header__active-menu-item {
    color: white !important;
}

 

 

Step 3: Save and reload home page.

 

 

I hope these instructions will help you. If they are helpful, please give us likes and ark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

pawankumar
Shopify Partner
722 104 123

This is an accepted solution.

Hi @dreamtechzone_5 
Please put this code in theme.liquid before body closing tag </body>

<style>
a#HeaderMenu-shop .header__active-menu-item {
    color: #fff !important;
}
</style>


Thanks!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan
dreamtechzone_5
Shopify Partner
676 1 100

Wow great. It worked. Thank you very much.

Moeed
Shopify Partner
7487 2027 2486

This is an accepted solution.

Hey @dreamtechzone_5 

 

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

<style>
.header__active-menu-item {
    color: white !important;
}
</style>

RESULT:

Moeed_0-1726850694362.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


BSSCommerce-B2B
Shopify Partner
1972 564 568

This is an accepted solution.

Hi @dreamtechzone_5 , 

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

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

BSSCommerceB2B_0-1726850844559.png

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

 

 

.header__active-menu-item {
    color: white !important;
}

 

 

Step 3: Save and reload home page.

 

 

I hope these instructions will help you. If they are helpful, please give us likes and ark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now