Header Menu Text Color Change ( Shopify Dawn Theme )

Store Design
, , , , , ,

Topic summary

A user is experiencing an issue with customizing the header menu text color in Shopify’s Dawn theme.

Current Status:

  • Custom CSS code successfully changes menu text color in desktop view
  • The same code fails to apply in mobile view

Technical Details:

  • The user has shared their CSS code targeting header menu items
  • A store URL and screenshot have been provided for reference
  • Store is password-protected (Admin access)

Seeking Solution:
The user is asking if it’s possible to modify the mobile menu text color and how to make their existing CSS work across both desktop and mobile breakpoints.

Status: Unanswered - awaiting community guidance on mobile-specific CSS targeting or Dawn theme customization approaches.

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

Hello Everyone!

I am using Shopify Dawn Theme. This code worked in desktop mode. But it is not working in mobile mode. Is it possible to change the color of the menu in mobile mode? Thank you.

Store Url: https://delicious-fruits-vegetables.myshopify.com/

Password: Admin

header.header .header__inline-menu ul.list-menu>li:nth-child(2)>a.header__menu-item.header__menu-item.list-menu__item.link.link–text.focus-inset { color: red !important; }

467333456_592916799844794_8941261423192842710_n.jpg
467333456_592916799844794_8941261423192842710_n.jpg917×1931 58.2 KB