Change color of one item from menu

Solved
azsport
Tourist
6 0 4

Hello, 

i.m using the Impulse theme. I want to change my “final sale” menu item to red color. Can someone help me? Thank you

My website: https://azsport.ro

0 Likes
Guleria
Shopify Partner
1752 366 511

Hello @azsport ,

 

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

.header-item.header-item--split-right li:nth-child(3) a {
    color: #ff0000;
}

 

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
azsport
Tourist
6 0 4
Thank you, are you sure that is “child(3)” ?
0 Likes
Guleria
Shopify Partner
1752 366 511

You can check source code to confirm.

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
Kyle_W
Shopify Expert
144 25 86

This is an accepted solution.

Hi @azsport

I'd suggest using the following ruleset since it uses an attribute selector for the link's URL:

 

.site-nav__link[href="/collections/final-sale"] {
  color: red;
}

 

This will ensure that the link color is red regardless of the menu item order.

 

As mentioned, you can place custom rulesets at the bottom of your theme's stylesheet, which can be found in the Shopify admin under Online StoreThemes > Actions > Edit code > Assets > theme.css

 

Hope this helps!

Kyle W | Helium Dev, LLC
Helium builds apps for Shopify that thousands of merchants depend on:
- Customer Fields
- Meteor Mega Menu
azsport
Tourist
6 0 4

Thank you so much! It works on web perfectly!

Do you know if for mobile i have to write something different ? If you know ,tks!

azsport
Tourist
6 0 4

I actually found a solution for that as well  

Kyle_W
Shopify Expert
144 25 86

You're most welcome, @azsport! I'm glad to hear you got it working on desktop and mobile -- nice job!

Kyle W | Helium Dev, LLC
Helium builds apps for Shopify that thousands of merchants depend on:
- Customer Fields
- Meteor Mega Menu
0 Likes