How to change color of a single navigation menu item on Warehouse?

Store Design
1

I am using the Responsive theme. I want to highlight one of the links on my main navigation bar. I want one link to have red text colour and the rest of the links to have the same colour as now… Just wondering if anyone can help with it.

Here is my website : http://bigdogdistribution.ca

Thanks !

Eric

1 Like
2

Sorry, I meant Warehouse theme

3

Figured it out, we added the following code in theme.css:

.nav-bar__item a[href="/collections/black-friday"] {
    color: red;
}
2 Likes
4

Hi! Do you know how to change the “[NEW]” into red color but the rest of the text still remain the same color? Thanks

截屏2020-12-29 上午11.30.49.png
截屏2020-12-29 上午11.30.49.png450×908 57.1 KB

5

What’s your store URL? So I can take a quick look.

6

Please how can I do this on Shopify’s dawn theme?

The same thing done here

Thank you

7

What I did is to add this into the theme’s css file:

.nav-bar__item a[href=“/collections/featured-collection”] {> color: red;> }

Not sure how it will work on your theme tho.

Hope this helps!