Changing Menu Hover Color

Solved
Highlighted
New Member
2 0 0

Hello,

 

I recently opened a Shopify store using the Debut theme. I am looking to change the the Menu hover color and have the color stick when you are in that tab(When you are on the product tab it will be highlighted with the desired color. Originally when you hover over it just dulls the color and underlines it. I have found the below code but it only works when you are on the homepage and does not stick when your on your desired menu tab.

 

.template-index .site-header .site-nav__link:hover {
color: green !important;
}

 

(example of desired outcome is Luxxcurves.com). When you hover the menu item it turns pink. Then when you select one of the menu items that item stays highlighted pink

 

0 Likes
Highlighted
Shopify Partner
1023 214 464

This is an accepted solution.

@Timutchler 

 

Replace your code with the following:

 

.site-header .site-nav__link:hover {
color: green !important;
}
.site-header .site-nav--active .site-nav__link {
color: green !important;
}

Cheers,

Tejas

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
New Member
2 0 0

Thank you Tejas!! This worked perfectly.

 

 

0 Likes
Highlighted
New Member
3 0 0

I'm trying to do the same thing in the minimal theme - is the code the same? And what section & line am I making that edit in? Also, how/where do I indicate the color I want if I have the hex code?

 

Thanks!

0 Likes
Highlighted
Shopify Partner
1023 214 464

@smh3 

 

Send me your store URL so I can assist you better. also, let me know which color would you like to set?

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
New Member
3 0 0
Hi, thanks so much! https://shaylula.com  the color is #E62AB4
I know I did it on the same theme a few years ago (on sedonigallery.com), I just can't remember how...!
0 Likes
Highlighted
Shopify Partner
1023 214 464

@smh3 

 

Your store is password protected. Please share your theme password so I can send you the exact solution.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes