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

[Glamerstone]

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!

[ZestardTech]

Hello There,

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

[Glamerstone]

@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!"

In the desktop version actually is in red.

[Glamerstone · 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.