Solved

How to make “Clearance” tab red on Broadcast Theme

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!

Accepted Solution (1)
JHKCreate
Shopify Expert
3571 639 916

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

View solution in original post

Replies 6 (6)

JHKCreate
Shopify Expert
3571 639 916

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
Ranim
New Member
4 0 0
JHKCreate
Shopify Expert
3571 639 916

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
Ranim
New Member
4 0 0
That didn’t work
JHKCreate
Shopify Expert
3571 639 916

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