FROM CACHE - en_header

Changing Menu Hover Color

Solved
Timutchler
New Member
2 0 1

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

 

Accepted Solution (1)

Accepted Solutions
Tejas_Nadpara
Shopify Partner
1087 216 531

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

View solution in original post

Replies 13 (13)
Tejas_Nadpara
Shopify Partner
1087 216 531

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
Timutchler
New Member
2 0 1

Thank you Tejas!! This worked perfectly.

 

 

smh3
New Member
7 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!

Tejas_Nadpara
Shopify Partner
1087 216 531

@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
smh3
New Member
7 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...!
Tejas_Nadpara
Shopify Partner
1087 216 531

@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
Mel1616
New Member
2 0 0

Hello, 

 

can you please change my hover too - its a maroon color. i would like it to be changed if possible to like a light pink. let me know if you need more info.

 

see picture below when you hoverover it.

 

website: www.theweekendt.com

 

Mel1616_0-1614370920407.png

 

zephyr1
New Member
1 0 0

Do you know where you can add this to please?

I added it to section banner liquid, but it won't let me save 

 

I have a banner that has a blue roll over, despite me changing the colour on the theme ... so I need to inject code with my colour.

Can you also help pls? Thank you in advance X

XPCoffeeCo
New Member
1 0 0

Hello, could you also help us. We are trying to change our Navigation bar hover to the hex code #3919c4 

we was also trying to change our  

Add To Cart Button hover 
checkout button hover 
Remove product from cart button Hover  

to the same Hover colour of #3919c4

if you could help us this would be fantastic. 


p.s store is  www.xpcoffee.co also the second store is usa.xpcoffee.co 

Tie-yah
Tourist
3 0 0

I also need help with this. Where should I paste this code? 

Tie-yah
Tourist
3 0 0

Where do I paste this code in the debut code?

45track
New Member
1 0 0

i want to change the menu hover color for my 45track website, but unfortunately,  I can't, I don't know much about coding what should I do?

Tie-yah
Tourist
3 0 0
I figured it out. But can you help me change the text your cart to your bag?