Trade Theme - How can I change the text color of a specific sub-menu item to be red?

Store Design
, ,
1

I’ve been scouring the CSS and tried several things but can’t seem to get this. I have a sub-menu with a option called SALE that I want text color to be red for. How can I modify the CSS to achieve this?

The site is at this URL

https://kingmemenswear.myshopify.com/

and the password to view it is

stipha

Thanks in advance.

Best,

Ryan

2

Hi @simpletechllc

Can you share a detailed image of the place where you want to change the color?

3

Hey @simpletechllc ,

Hope you’re doing fantastic!

The sub-item “SALE” has an ID -->HeaderMenu-shop-online-sale; We can leverage that and add color to the text. I’m adding the CSS below, please add it to the base.css file :slightly_smiling_face:

/* Target SALE in the main navigation mega menu */
#HeaderMenu-shop-online-sale {
  color: #FF0000 !important;
}

/* Target SALE in the mobile drawer menu */
#HeaderDrawer-shop-online-sale {
  color: #FF0000 important;
}

/* Optional: Make it red on hover as well */
#HeaderMenu-shop-online-sale:hover,
#HeaderDrawer-shop-online-sale:hover {
  color: #CC0000 important;
}

It’ll change the text color on desktop header and mobile drawer too. Feel free to ping me if you’ve any more questions, I’d love to help.

Cheers!
Shubham | Untechnickle

4

That did the trick! Thank you!!!

5

This looks like it would work as well but I used the first solution posted. Thanks for your help!