How to change color on the navigation menu on mobile? Dawn theme

Topic summary

Goal: change the mobile slide‑in navigation menu colors in Shopify’s Dawn theme.

Solution provided (and confirmed working):

  • Add custom CSS in the theme’s Assets (either assets/base.css or assets/component-menu-drawer.css).
  • Key rules: set .menu-drawer background to the desired color (e.g., white), .menu-drawer .link–text to the desired text color (e.g., #34675c), and .menu-drawer__submenu background to match. Use !important to override defaults.
  • This lets the merchant later swap hex color codes without further changes.

Outcome:

  • Original request resolved; multiple users confirmed the CSS fix works in Dawn.

Follow-up/related questions (unresolved in thread):

  • Streamline theme: user cannot find the same asset files; guidance for that theme was not provided.
  • How to change the color of a single menu item (e.g., make “REVIEWS” red); no specific selector-based solution given yet.
  • Another merchant requested a dark mobile background (#292828) for their site; no response yet.

Status: resolved for Dawn via CSS override; thread remains open with new theme-specific and per-item styling questions.

Summarized with AI on January 2. AI used: gpt-5.

hi ignitehouseneeds.com

pass: vaisficarquerendo

i want the background of the mobile version this color #292828