How to change the hover highlight color in Dawn theme header

[p1simgear]

Hi there, I set a black header background, and used some custom code to change the header font to white, but when you mouse over the header item, the item turns to black and is lost in the background. Same for the cart display, the font colour change is not activated and the font is black and cant be seen.

Can you please help me to change the font to a permanent white? With no change when moused-over? ALso the view my cart and check out buttons, can we make them clearer please?

Site is p1simgear.com.au, pw is P1Test%

Thanks so much for your help!

[SmallTask]

Hi @p1simgear

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.

.header__menu-item:hover { color: #fff; font-weight: 700; }

[p1simgear]

Thanks @SmallTask I added it to the bottom of base.css and that did the trick (adding it to custom.css didnt work, and I dont have a theme.css).

It worked on the header items, but not on the cart popup? Can you advise please how to remedy that part also? (see below)

Thanks again for your help!

[p1simgear]

Hi @SmallTask , I spoke to soon re this working! It works perfectly on the home page, but for some reason when i click into a collection, the highlights go back to black.. Any idea why it would not work within a collection?

Thanks!