Change color of a button on Menu using supply theme

Solved

Change color of a button on Menu using supply theme

texasaquallc
Tourist
9 1 3

Hello,

I'm trying to change a Clearance button on the menu to red collor. 

My theme is supply. my URL is txaquatic.com.

Can anyone please show me what code I can use and look like the only place I can put the code in is header.liquid

Thanks in advange

Accepted Solution (1)
Moeed
Shopify Partner
5466 1479 1766

This is an accepted solution.

Hey @texasaquallc 

 

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

a.mobile-nav--link[href="/collections/clearance"] {
    color: red !important;
}

RESULT:

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

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
5466 1479 1766

Hey @texasaquallc 

 

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.site-nav--link[href="/collections/clearance"] {
    color: red !important;
}
</style>

RESULT:

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

- Custom Design | Advanced Coding | Store Modifications


texasaquallc
Tourist
9 1 3

Thanks so much, it work on the desktop but still green on the mobile. do you can you please help me with code to make it turn red on the mobile as well. Please

Moeed
Shopify Partner
5466 1479 1766

This is an accepted solution.

Hey @texasaquallc 

 

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

a.mobile-nav--link[href="/collections/clearance"] {
    color: red !important;
}

RESULT:

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

- Custom Design | Advanced Coding | Store Modifications