Help - Dawn Drawer menu on right for desktop version

Topic summary

Goal: Place Dawn theme’s desktop hamburger/drawer menu (collapsible navigation) on the right side.

What was done:

  • Advised to duplicate the theme before editing.
  • In Code editor, create a snippet named “custom-menu-drawer-styles” and include it in theme.liquid using: {% render ‘custom-menu-drawer-styles’ %}.
  • Adjust Header layout in the Theme Customizer to align the logo and components (e.g., change alignment settings) so the drawer appears on the right.

Outcome:

  • Initial attempt failed on a fresh Dawn install.
  • After updating the Header layout via customization (per provided screenshots), the change worked. Issue resolved for the original requester.

Latest update / open item:

  • A follow-up asks how to keep the logo left (top-left) while having the burger and other icons on the right. Changing alignment to “top-left” moved icons/menu right, but the logo stayed centered. Awaiting further guidance or code adjustments.

Notes:

  • Screenshots and a theme snippet inclusion are central to the solution.
  • Store URL was requested for precise help if layout adjustments do not work.
Summarized with AI on December 20. AI used: gpt-5.

Hi Sonya! - New to this. where will i find that information?