Changing one menu item (SALE) to red color

Highlighted
Tourist
9 0 1

Do you know how I can make "SALE" red for mobile phones too?

 

obarrel.com

0 Likes
Highlighted

Hello OakWoodWine,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.mobile-nav>li:nth-child(2) a {
    color: red;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
9 0 1
Thank you!!
0 Likes
Highlighted
Tourist
9 0 1

@UmairA 

Thank you so much for youtìr help!!! i just saw that became orange also other parts of the sub menu ( i attach you a screenshot!)

What should i add in the code to have orange only HALLOWEEN in the main menu?

thanks again

Schermata 2020-10-13 alle 14.59.07.png

0 Likes
Highlighted
Tourist
9 0 1

@UmairA  sorry to bother you and

Thank you so much for youtìr help!!! i just saw that became orange also other parts of the sub menu ( i attach you a screenshot!)

What should i add in the code to have orange only HALLOWEEN in the main menu?

thanks again

 

Schermata 2020-10-13 alle 14.59.07.png

0 Likes
Highlighted
Tourist
9 0 1

@oscprofessional 

hello,can you help me?

I added this: 

#MobileNav li:nth-child(2) a, #SiteNav li:nth-child(2) a { color: orange !important; font-weight: bold; }

But it changes also other items in the submenus.

How can i modifiy just to apply changes to "HALLOWEEN" in the main menu?

thanks a lot

Schermata 2020-10-13 alle 14.59.07.png

0 Likes
Highlighted
New Member
1 0 0

Can you please help put "Sale" in red in both desktop and mobile

 

website link: www.boozeit.com.au

 

THANK YOuU

0 Likes
Highlighted

Hello Tim_Boozeit,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

.tt-desctop-menu nav > ul > li:nth-child(3) a {
    color: red;
}
.mmpanel.mmopened.mmcurrent > ul > li:nth-child(4) a {
    color: red;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
1 0 0

.site-nav a[href$='/collections/Sale'] {
color: red;
}

0 Likes