Personalized checkout and custom promotions with Shopify Scripts
I'm struggling to change the font colour of my "shop" button when it is hovered over, I am using the Brooklyn theme. My background colour is usually black but because the text is black the shop button cannot be seen when the drop down menu is down this why it is seen in grey in my attached photo. I've searched through many articles for days, ay help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
This should work, just paste it at the end of your theme.scss and replace #ffffff with the hex code of your desired colour.
.site-nav--has-dropdown:hover > a { background-color: #ffffff; }
This is an accepted solution.
This should work, just paste it at the end of your theme.scss and replace #ffffff with the hex code of your desired colour.
.site-nav--has-dropdown:hover > a { background-color: #ffffff; }
Your a legend, thank you!
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