FROM CACHE - en_header

How to change text colour of single menu item to red in Impulse theme?

Solved
MAGib
New Member
3 0 0

Hi I am looking to temporarily change the colour of the menu item 'Xmas Shop' on my website to red (both for mobile and desktop).

I am using the Impulse theme and this is the link to my website: https://marblearc.com/

Any help for how to do this would be appreciated thanks! 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1524

This is an accepted solution.

@MAGib 
Paste this code on top of the theme.scss file.

li.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown:nth-child(7) .site-nav__link {
    color: red !important;
}



View solution in original post

Replies 5 (5)
Zworthkey
Shopify Partner
5581 642 1524

This is an accepted solution.

@MAGib 
Paste this code on top of the theme.scss file.

li.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown:nth-child(7) .site-nav__link {
    color: red !important;
}



MAGib
New Member
3 0 0

Amazing thank you for helping!

MAGib
New Member
3 0 0

@Zworthkey 

Would this also be possible for the mobile version? Thanks! 

Zworthkey
Shopify Partner
5581 642 1524

@MAGib 
Paste this code on top of the theme.scss file.

li.mobile-nav__item.appear-animation.appear-delay-8 div #Label-pages-gift-shop-27 {
    color: red !important;
}



DownUnder1996
Excursionist
11 1 5

This is very helpful! I am wondering how the command would look like for my navigation menu where the 'sale' item has no dropdown menu underneath it. I tried out multiple options but none worked...just deleting the part of '.site--nav--has--dropdown' didn't work. Would be great if you could help me!