How can I make header text constantly white on my website?

Topic summary

A user is experiencing an issue where navigation menu items (‘quarter zip’ and ‘polo shirt’) in their website header only turn white on hover, rather than displaying white constantly.

Proposed Solution:
Another user provided CSS code to fix this:

  • Navigate to: Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open the base.css file in the Assets folder
  • Add the following CSS at the top of the file:
.header__menu-item {
  color: #fff;
}

This CSS rule forces header menu items to display white text at all times, removing the hover-only white color effect.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

hi! in the header the words ‘quarter zip’ and ‘polo shirt’ are not completely white. they only get white when you put your cursor on it. i want the words to be white all the time, so not once you get your cursor on it. can someone help me?

https://f70e0e-2.myshopify.com/

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the Top of the file:
.header__menu-item {
color: #fff;
}