How do make text white on hover and not selected in Shopify Dawn Theme (Navigation Header)

Store Design
1

hi, i would like all the text in my navigation header in Dawn theme to be white regardless of whether they are hovered on, selected or not.

Currently it looks like the theme is masking the text with a transparency from the background colour. For example, if i use white text on a black background then non selected text is grey but if i change the background to red the white text becomes pink when not being hovered on or not selected!

Please help!

Cheers

2

Hi! Please, provide link to your store and screenshots with text wich you want to change

3

hi! the link is www.redmenmerch.com and the screenshots are attached. thank you!

i’d like all the text to be white if possible

Screenshot 2022-03-29 at 16.51.15.png
Screenshot 2022-03-29 at 16.51.15.png712×153 31.8 KB

Screenshot 2022-03-29 at 16.51.19.png
Screenshot 2022-03-29 at 16.51.19.png669×130 12.4 KB

4

Add this code to the end of your base.css

a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset{
color:white;
}

5

Hi @mrbloodred ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset{
    color: #fff;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.