How to make “Clearance” tab red on Broadcast Theme

Solved
Ranim
New Member
4 0 0

Hi!

I want to make the menu item “Clearance” red on my theme but I’m having trouble. I’ve tried other solutions but they don’t seem to be working with my theme. THanks in advance!

0 Likes
JHKCreate
Shopify Partner
2849 486 696

Hi @Ranim 

Would you mind sharing your store's URL so we can provide a solution? Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes
Ranim
New Member
4 0 0
0 Likes
JHKCreate
Shopify Partner
2849 486 696

Add this code to your theme.css file at the very bottom:

#shopify-section-header > div.header__wrapper.header-override-border > header > div > div.header__desktop > div > div.header__desktop__bar__c > nav > div > div:nth-child(10) > a > span {
    color: #e50000;
}

 

Change the HEX color as needed for the appropriate outcome. Should that be all, we always appreciate a like & mark as answer to let the community find quality answers faster. Thanks!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes
Ranim
New Member
4 0 0
That didn’t work
0 Likes
JHKCreate
Shopify Partner
2849 486 696

This is an accepted solution.

I seem to have given you the code for the desktop version when it's zoomed out -> Menu shows next to the logo on the right.

Use the following code for the menu that opens on the left:

#header-menu > div > div.drawer__inner > div > div:nth-child(10) > div > a {
    color: red;
}


Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

Ranim
New Member
4 0 0

Thank you! That worked 

0 Likes