Change menu text color on all pages DAWN theme

Store Design
, ,

Topic summary

A user seeks CSS customization help for the Dawn theme on their Shopify store (carcleansweden.se). They want to change menu text colors across all pages.

Initial Request:

  • Make all menu text completely white instead of grey on all pages
  • Provided screenshots showing current grey text on homepage versus other pages

Solution Provided:

  • Add CSS code to header.liquid file targeting .header__menu-item span with color: #fff and transition properties
  • This successfully changed menu text to white across all pages

Follow-up Request:

  • User now asks to make dropdown menu text black on all pages as well
  • Provided additional screenshots showing current dropdown appearance

Status: Ongoing - awaiting response for dropdown text color modification.

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

Hello!

I am using the dawn theme and my URL is carcleansweden.se.

I would like som help with making the text in the menu, and all menu options, on all pages to be completely white instead of grey like they are on the home page:

CarCleanCC_0-1734464449773.png
CarCleanCC_0-1734464449773.png1913×269 42.3 KB

And this is how it looks on all other pages:

CarCleanCC_1-1734464472122.png
CarCleanCC_1-1734464472122.png1918×380 35.1 KB

I would hugely appreciate the help!

2

Hey ! @CarCleanCC
Use this code in header.liquid file

.header__menu-item span { transition: text-decoration var(--duration-short) ease; color: #fff; }
1 Like
3

Perfect. Now the text is white on all pages. Can every dropdown text also be black on all pages as well?:

CarCleanCC_0-1734466192304.png
CarCleanCC_0-1734466192304.png1368×414 59.5 KB

So it looks like on the home page:

CarCleanCC_1-1734466230028.png
CarCleanCC_1-1734466230028.png1886×463 250 KB

Thank you for your help