Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am trying to change the hover-over color in my main menu. It is currently white and I would like it to be red when it is being hovered over. Is there a specific code and where does it go? Any help would be appreciated.
Solved! Go to the solution
This is an accepted solution.
Hello @L_Ormonde
It's GemPages support team and glad to support you today.
You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.css file and paste the following code below:
.site-nav__item:hover .site-nav__link{
color: #ff0000 !important;
}
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
This is an accepted solution.
Hello @L_Ormonde
It's GemPages support team and glad to support you today.
You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.css file and paste the following code below:
.site-nav__item:hover .site-nav__link{
color: #ff0000 !important;
}
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thank you! One more question, how do I do the same with the drop-down menu as shown in the screenshot?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025