How to change the color of a single navigation menu item?

New Member
2 0 0

hello there!

 

we want to highlight a menu item in our navigation as its a temporary xmas store. we want to make it bold and in a dark green. can someone help me out here with some css?

page: www.junglefolk.com

menu item: XMAS PopUP (under CATEGORY)

color: bold and he color #255c1d

 

thanks and happy December ***

0 Likes
Shopify Partner
1119 181 458

Please place this code at the end of theme.scss

a [href="/collections/xmas-pop-up"] {
    font-weight: bold;
    color: #255c1d !important;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
New Member
2 0 0

thank you so much! I dod so but it doesn't seem to work

maybe it needs some invo about "navigation" in the code? I added it in theme.scss.liquid see photo:

theme liquid scsstheme liquid scss

0 Likes

Hi

try this :

@include media....{
.......
}
a [href="/collections/xmas-pop-up"] {
    font-weight: bold;
    color: #255c1d !important;
}

Put the code after "}" of "@include...".

Need fastly help, contact me : https://freelancerajameltine.000webhostapp.com/
Besoin d'aide rapidement, faites appel à moi : https://freelancerajameltine.000webhostapp.com/
Email: rajameltine@gmail.com
0 Likes