Drawer menu (Dawn)

Topic summary

A user needed to assign separate menus for mobile drawer and desktop navigation in the Dawn theme, specifically wanting ‘Header-menu’ for desktop and ‘sidebar-menu’ for mobile.

Solution provided:

  • Edit the header-drawer.liquid file in Snippets
  • Locate the code: {%- for link in section.settings.menu.links -%} (around line 24)
  • Replace with: {%- for link in linklists.sidebar-menu.links -%}

This modification targets only the mobile drawer menu while leaving the desktop header menu unchanged. The solution was confirmed successful by the original poster.

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

Hi, I am looking to change the mobile drawer menu without affecting the desktop menu, meaning i would like to assign a different menu to the mobile drawer but not the desktop.

Desktop menu = ‘Header-menu’

Mobile drawer menu = ‘sidebar-menu’

if anyone knows how to do this your help would be greatly appreciated.

site preview: https://4iuc1pjv7rdpnu1o-70626345282.shopifypreview.com

Thanks,
Brandon

Hello @brandonkyt ,

Edit Snippets → header-drawer.liquid

Search for

{%- for link in section.settings.menu.links -%}

( maybe at line no. 24 )

once you find it replace it with this code

{%- for link in linklists.sidebar-menu.links -%}

Regards
Guleria

1 Like

Life saver! Cheers

1 Like