Change color on a single menu item for Brooklyn theme

Solved

Hello @ALB2020 ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->stylesheet.css.liquid

ul#main-nav>li:nth-child(3) a {
color: red!important;
}
@media screen and (max-width: 739px) {
ul#accordion li:nth-child(3) a{
color: red!important;
}
}

 Hope this will work for you.
Thanks!

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
ALB2020
Tourist
4 0 0

Yes it did! But only in desktop view and not in mobile view. Thank you very much for your assistance :)


@oscprofessional wrote:

Hello @ALB2020 ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->stylesheet.css.liquid

ul#main-nav>li:nth-child(3) a {
color: red!important;
}
@media screen and (max-width: 739px) {
ul#accordion li:nth-child(3) a{
color: red!important;
}
}

 Hope this will work for you.
Thanks!


 

0 Likes

@ALB2020,

Please add below css

#shopify-section-mobile-navigation ul#accordion li:nth-child(4) a {
    color: red!important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
ihlgroup
New Member
3 0 0

Hi, I would like to change the color of one of the menu items on my homepage - It is the "Sale" Collection. Can you help?

0 Likes
Jasoliya
Shopify Expert
4343 574 1095

Send me your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
ihlgroup
New Member
3 0 0

shopraedunn.myshopify.com

0 Likes
Jasoliya
Shopify Expert
4343 574 1095

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

.site-nav >  li:nth-child(2) .site-nav__dropdown > li:last-child a{color:red;}

 Note:This is fast solution so  dont change sequence of menu 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes