Dawn theme hamburger menu not sliding left/right

Technical Q&A
, , , ,

Topic summary

A user is experiencing issues with the hamburger menu on mobile in Dawn theme version 15.2.0 (problem existed since 12.0.0).

The Problem:

  • The menu doesn’t slide left/right when clicking the arrow button
  • A fresh Dawn installation works correctly with the sliding animation
  • Previously added custom CSS to fix menu visibility:
    div#menu-drawer {
  transform: none !important;
  visibility: unset !important;
}
  • Removing this code breaks the menu entirely (won’t show when clicked)

Troubleshooting Attempted:

  • Compared code in: component-menu-drawer.css, header.liquid, header-group.json, and header-drawer.liquid
  • Issue appears to stem from theme.liquid
  • Replacing with fresh Dawn code fixes the behavior, but would lose existing customizations

The user needs a solution that preserves their theme customizations while restoring proper menu sliding functionality. A screenshot shows the arrow button that should trigger the slide animation.

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

Hello everyone,

I’m having some trouble with my hamburger menu on mobile, for dawn 15.2.0 - Although it has had this issue since 12.0.0

I tested compared to new, fresh dawn. And the fresh version slides when you click the arrow - but if you see my screenshot, there’s an arrow button. I tried to copy or compare the code for the following:

component-menu-drawer.css

header.liquid

header-group.json

header-drawer.liquid

but none of these worked.
It seems to be something in theme.liquid,

I had previously added this code to the head to fix the menu not showing on mobile,

div#menu-drawer { transform: none !important; visibility: unset !important; }

But when I removed it from my code version, it stops working (showing when you click the button) at all.

The fresh dawn theme doesn’t have this code - When I replaced the current code with the fresh code, the menu behaves as normally. But there is some customization done to the theme and I need most of it so if there’s any advice that would be greatly appreciated please!

Screenshot 2025-02-22 150800.png
Screenshot 2025-02-22 150800.png498×824 12.8 KB