How do I change the colour of my "shop" button text when the drop down menu is open? In Brooklyn

Technical Q&A
1

8PvbtIXQ.jpeg
8PvbtIXQ.jpeg3024×4032 3.84 MB

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.

2

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;
}
1 Like
3

Your a legend, thank you!

1 Like