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

Solved
Glamerstone
Tourist
10 2 2

Hi! I have change the color of my navigation menu item in desktop version. But in mobile version still all in the same color. I want to change the color of the same item but for mobile version.

 

I use this to change the single item:

 

.nav-bar__item a[href="/collections/llantas-en-remate"] {
    color: red;
}

 

 

But now I don't know how to embed that to the mobile version.

 

Thanks for your help!

0 Likes
Pallavi
Shopify Expert
2366 396 513

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Glamerstone
Tourist
10 2 2

@Pallavi 

Sorry, I forgot to do that.

This is the url: https://radialllantas.com/

And the item that I want to show in red is "¡OUTLET!"

Glamerstone_0-1624026164205.png

In the desktop version actually is in red.

Glamerstone_1-1624026245358.png

 

 

0 Likes
Glamerstone
Tourist
10 2 2

This is an accepted solution.

I found the solution.

To change the item in the mobile version I used this:

.mobile-menu__nav-item:nth-child(X) > a {
  color: #XXXXXX;
}

Where the X should be the number of the item you want to modify.

0 Likes