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…

@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

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!

@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

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…!

@smh3 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 [Mel1616_0-1614370920407.png]

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 f…

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

Where do I paste this code in the debut code?

How do I change menu hover color in Debut theme?

Technical Q&A

Timutchler April 13, 2020, 3:27pm 3

Thank you Tejas!! This worked perfectly.

Topic		Replies	Views
How can I change the text link hover color in the Debut theme? Store Design	9	72	November 24, 2021
How to change hover colour on Main Menu and Footer - Debut theme Store Design	1	40	January 5, 2021
How can I change the menu color in Debut theme? Store Design	4	51	May 4, 2022
How to change link hover effect to color in Debut theme? Store Design menu , design , customizations , shopify-themes	4	63	January 18, 2023
Change colour of text when hovering feeling moody theme Store Design	7	521	July 27, 2022

How do I change menu hover color in Debut theme?

Related topics