Change color on a single menu item for Brooklyn theme

[leenaandlu]

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!

[oscprofessional]

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

[Jasoliya · 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;}

[leenaandlu]

Thanks! it worked

[ALB2020]

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]

Hello @ALB2020,

Can you please share your site url

[ALB2020]

Hi thanks it is.

https://aurica-luxe-beaute.myshopify.com/

[oscprofessional]

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;
}

[ALB2020]

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]

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!

[ALB2020]

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]

@ALB2020,

Please add below css

#shopify-section-mobile-navigation ul#accordion li:nth-child(4) a {
    color: red!important;
}

[oscprofessional]

@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;
}

[ihlgroup]

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]

Send me your store url

[ihlgroup]

shopraedunn.myshopify.com

[Jasoliya]

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