Changing color of a menu item red

Store Design
1

I am trying to make a menu item red so it stands out from the other collections. I did it for desktop but it did not work for mobile which is a bit confusing so I was wondering if anyone would know how I could make a menu item on mobile appear red? The code I used to make a collection item red is:

.header__primary-nav-item[data-title=“Last Chance Sale”] { color: red; }

The collection title I am trying to make red on mobile and desktop is called “Last Chance Sale”

Thank you so much!

2

Hey @thankgodusa ,

You can use this code instead.

a[href="/collections/last-chance-sale"] {
    color: red !important;
}
1 Like
3

Oh amazing! I appreciate that, it worked!

4

This would do as well.

.header__links-primary a[href=“/collections/sale”] {
color: red;
}