Change the color of a single main menu item

[Sauravb]

Hello,

I need help for CSS coding on Studio Theme -> I would like to change the text color of only one of my main navigation menu to highlight it.

The "Sale" navigation menu should appear in RED rather than black for both Mobile and Desktop 

I tried to quibble with the code but nothing to do, the color does not change. I'm having trouble identifying my menu or placing my code incorrectly on my CSS stylesheet.

Website - https://tabeerhomes.com

Theme - Impact

[Made4uo-Ribe · Accepted solution]

Hi @Sauravb 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

a[href="/collections/sale"] { 
    color: red;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Sauravb]

Thank you so much!

[vixaclay]

Hello, I am trying to do the same and change the color of my Swim Category to Pink. I was able to change the sale menu item on my website to red, but when i do the same with the swim dropdown menu it does not change it. My website is vixafashion.com. 

Thanks

[Made4uo-Ribe]

Hi @vixaclay 

Check this one. Same instruction. 

summary#HeaderMenu-swim {
    color: pink;
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[vixaclay]

That worked for desktop! Is there a way to make it pink for mobile as well?

[Made4uo-Ribe]

Yep, sure. Same Instruction. 

summary#HeaderDrawer-swim {
    color: pink;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!