Why is my menu not showing on mobile when I click the hamburger icon when using Dawn theme?

Technical Q&A
, ,

Topic summary

Issue: The mobile hamburger menu in a Shopify store using the Dawn theme did not open/show on click.

Cause/Context: On small screens, the theme’s menu drawer can remain hidden (off-canvas via transform and hidden via visibility) unless explicitly shown when the menu state toggles.

Fix implemented:

  • Add a CSS rule in Assets > base.css at the bottom.
  • Within a media query for max-width: 749px, set .menu-opening .menu-drawer to transform: translate(0) and visibility: visible. This ensures the drawer slides in and becomes visible when the hamburger is activated on mobile.

Outcome: The original poster confirmed the CSS-only change resolved the issue immediately.

Status: Resolved. No further actions or disagreements noted.

Summarized with AI on December 13. AI used: gpt-5.
1

Why is my menu not showing on mobile when I click the hamburger icon when using Dawn theme?

Here is the domain:
https://5gnyag-hj.myshopify.com/

And password:
newsho

1 Like
2

@priebebrandon oh sorry for that issue

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media (max-width: 749px) {.menu-opening .menu-drawer {transform: translate(0);visibility: visible;}}
3

This worked! Thank you so much

1 Like
4

@priebebrandon its my pleasure to help