Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Solved! Go to the solution
This is an accepted solution.
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
This is an accepted solution.
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
Thank you Tejas!! This worked perfectly.
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!
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
Your store is password protected. Please share your theme password so I can send you the exact solution.
Thank you,
Tejas
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
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
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
I also need help with this. Where should I paste this code?
Where do I paste this code in the debut code?
The code worked great! the only thing we would like is for the color to not stay the same on the sub, subcategory. If you go to uncommongroove.com and click on "Shop School/Team pride" Click on "Galva Wildcats" and then click on "Basketball" and then go back to "Shop School/Team pride" and then go to "Galva Wildcats" again and you will see the subcategories are all the same color. Is there away so they don't all change when you are in the category.
Where should i put the code.
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?
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024