We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

change the 'sale' color on the main menu

Solved

change the 'sale' color on the main menu

מלבושים
Excursionist
42 0 8

hi, i'd like to change the color of the word 'sale' on the main menu to red. any code for that? thanks.

https://malboshim.com/

Accepted Solution (1)
Moeed
Shopify Partner
7764 2082 2567

This is an accepted solution.

Hey @מלבושים 

 

Keep the previous code and add this new code above </style> in the end of theme.liquid file.

a#HeaderDrawer-sale {
    color: red !important;
}

RESULT:

Moeed_0-1732005539544.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

Replies 7 (7)

Moeed
Shopify Partner
7764 2082 2567

Hey @מלבושים 

 

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>
a#HeaderMenu-sale {
    color: red !important;
}
</style>

RESULT:

Moeed_0-1732004626870.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


מלבושים
Excursionist
42 0 8

thanks, it did work on desktop but not on mobile

Moeed
Shopify Partner
7764 2082 2567

This is an accepted solution.

Hey @מלבושים 

 

Keep the previous code and add this new code above </style> in the end of theme.liquid file.

a#HeaderDrawer-sale {
    color: red !important;
}

RESULT:

Moeed_0-1732005539544.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


מלבושים
Excursionist
42 0 8

thanks!

Moeed
Shopify Partner
7764 2082 2567

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ZestardTech
Shopify Partner
6161 1100 1479

Hello @מלבושים 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

.list-menu.list-menu--inline [href="/collections/sale-1"] {
color: red;
}

ZestardTech_0-1732004695369.png

 

 

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

steve_michael2
Navigator
454 39 62

Hello, 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

#HeaderMenu-sale span {
    color: red !important;
}

 

Thanks!