Force hamburger header menu in all screen sizes Dawn Theme

Topic summary

A user wants to force the hamburger menu to display on all screen sizes in the Dawn theme, rather than only on mobile devices.

Solution Provided:
GemPages support team offered a code-based solution involving:

  • Accessing the theme’s code editor (Online Store > Theme > Edit code)
  • Opening the theme.liquid file
  • Pasting custom markup code before the </head> tag

The solution includes screenshots showing the implementation steps.

Additional Request:
The user successfully implemented the hamburger menu but now wants to reposition it to the right side of the page, ideally to the right of the search and cart icons. This repositioning request remains unresolved, with the support team confirming they understand the requirement but not yet providing a solution for the right-alignment.

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

I want to force hamburger menu for all screen sizes. Using the Dawn theme. Ideally I would like to right align the hamburger menu.

Hello @LanceAllison ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like

That works beautifully thanks.

I would like to right justify the hamburger menu, ideally actually to the right of the search and cart icons. Is that possible?

Hello @LanceAllison ,

Did you mean to move the hamburger menu to the right of the cart icon?

Best regards,
GemPages Support Team

Yes, correct.

If you have any idea how to reposition the hamburger menu to the right as per your image that would be much appreciated. Many thanks for the original solution though!