Changing the color of individual Collection headers / Navigation titles on Mobile (Dawn Theme)

[bellevo]

Hey, is there a way that I can change the color of individual collection headers / navigation titles in the header for mobile view? I have managed to do this for desktop view but for some reason it didn’t work on mobile. I will add a picture below about the issue and desired outcome. So I would like to change the “SALE” and “Deals” Collection headers into reddish color.

Store url: https://bellevodesign.com/

How it looks now:

And the desired color for “SALE” and “Deals” would be something like this:

[Tal19]

add this css:

.menu-drawer__menu-item[href="/pages/deals"]{
color:red;
}

[bellevo]

Didn’t work unfortunately.

[Tal19]

For me it’s working. In which file you added the css?

try to add important and try to add it to the file: component-menu-drawer.css

.menu-drawer__menu-item[href="/pages/deals"]{
color:red !important;
}

[bellevo]

Ah, I just added it to the wrong file, now it works thank you for your help! One more question, how would I do the same for the “SALE” Collection

[Tal19]

please mark my answer as a solution

summary#HeaderDrawer-sale {
    color: red;
}

[bellevo]

Thank you!