Shopify themes, liquid, logos, and UX
Hi
I want to change the hover on my drop down menus on the header of my shop. Could like to have it like this on the image, hope that can be possible. 🙂
Thanks in advance
Storeurl:
See attached image:
Hi @Dekanten
Do you mean like this?
If it is, check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
a.header__menu-item.list-menu__item.link.link--text:hover {
background: rgba(128, 128, 128, 0.5);
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025