Change color on a single menu item for Brooklyn theme

Solved
leenaandlu
Excursionist
24 0 3

Hi! I'm trying to change the font color of a "Bundle and Save" item on our menu to red. please help! Thanks in advance!

Accepted Solution (1)
Jasoliya
Shopify Expert
4727 616 1184

This is an accepted solution.

Hi @leenaandlu 

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

.site-nav > li:nth-child(2) a{color:red;}
Want custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 16 (16)
oscprofessional
Shopify Partner
14798 2218 2707

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Jasoliya
Shopify Expert
4727 616 1184

This is an accepted solution.

Hi @leenaandlu 

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

.site-nav > li:nth-child(2) a{color:red;}
Want custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here
leenaandlu
Excursionist
24 0 3

Thanks! it worked

ALB2020
Tourist
6 0 1

Hi I tried this on the Testament Theme and it didnt work. I can't seem to find the theme.scss.liquid. Can you help I'm try to do the same thing with "SALE" on my menu item and change it to red.

oscprofessional
Shopify Partner
14798 2218 2707

Hello @ALB2020,

Can you please share your site url

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ALB2020
Tourist
6 0 1
oscprofessional
Shopify Partner
14798 2218 2707

Hello @ALB2020 ,

Add this css at the bottom of

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

.product-index-inner .sale-item.icn {
    background-color: red;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ALB2020
Tourist
6 0 1

Hi @oscprofessional 


This actually changed the sale on the item. I was looking change the font color on SALE on my menu in the header and in mobile view SALE in the menu.

 


@oscprofessional wrote:

Hello @ALB2020 ,

Add this css at the bottom of

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

.product-index-inner .sale-item.icn {
    background-color: red;
}

 

oscprofessional
Shopify Partner
14798 2218 2707

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. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ALB2020
Tourist
6 0 1

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!


 

oscprofessional
Shopify Partner
14798 2218 2707

@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. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
14798 2218 2707

@leenaandlu,

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

#AccessibleNav li:nth-child(2) a {
	color: red;
}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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?

Jasoliya
Shopify Expert
4727 616 1184

Send me your store url

Want custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here
ihlgroup
New Member
3 0 0

shopraedunn.myshopify.com

Jasoliya
Shopify Expert
4727 616 1184

 

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 custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here