Change color of single menu item on mobile - Prestige Theme

Store Design
1

Can anyone tell me how to change the color of the “archive sale” menu item on mobile.

https://seabass-official.com/

I already added the below code in the theme.scss.liquid but that only worked for desktop so far.

.Header__MainNav a[href=“/collections/archive-sale”] {
color: #C44930;
}

Thanks!

Mandy

1 Like
2

Hi @mandyderoode

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.scss.css/theme.scss.liquid ->paste bellow code in bottom of file

@media screen and (max-width: 767px){

.Header__MainNav a[href=“/collections/archive-sale”] {

color: #C44930;

}

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

3

@mandyderoode

oh sorry for that issue can you just add this one code work both desktop and mobile

a[href="/collections/archive-sale"] {color: #c44930 !important;}