Change one word in mobile dropdown menu to custom color dawn theme

Topic summary

Goal: color a specific mobile menu item in the Dawn theme, similar to a desktop CSS change.

Context: Desktop was already styled using [href^=“/collections/sale”] span { color: red!important; } (attribute selector targets links whose URL starts with /collections/sale).

Solution: Add a mobile-specific CSS rule targeting the drawer menu: .menu-drawer__menu-item[href^=“/collections/sale”] { color: red!important; }.

Implementation steps:

  • Online Store → Theme → Edit code.
  • Open base.css.
  • Paste the CSS rule and save.

Notes: The selector targets the mobile drawer menu element (menu-drawer__menu-item), so it should not affect the desktop menu.

Offer: The helper offered to verify the selector if the store URL is shared.

Outcome: The change worked as intended for mobile. Issue resolved.

Summarized with AI on December 25. AI used: gpt-5.

You can share you store url and i’ll double check the css selector for you