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

Shopify Discussion
1

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!

2

Hello There,

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

3

@ZestardTech

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
Glamerstone_0-1624026164205.png742×1600 140 KB

In the desktop version actually is in red.

Glamerstone_1-1624026245358.png
Glamerstone_1-1624026245358.png1920×931 377 KB

4

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.