Refresh theme enabling two separate type of menu in Header (Mega menu & Drawer)

Store Design
, , , , ,

Topic summary

A user is attempting to customize their Shopify Refresh theme header to display two distinct navigation menus simultaneously:

Desired Layout:

  • A mega menu positioned underneath the logo
  • A separate drawer/hamburger menu placed next to the search bar

Current Issue:
The user has been unable to implement this dual-menu configuration through the header.liquid file. Their current site (housefeel.store) shows a different layout than intended.

Technical Requirements:

  • The drawer/hamburger menu should link to a separate menu called “Drawer menu” in the Shopify admin
  • The existing mega menu should continue pulling from “Main menu” in admin
  • Visual mockups have been provided showing the desired versus current state

Status:
The discussion is ongoing. Another participant has requested the store URL for troubleshooting, which has been provided (tycdbd-db.myshopify.com). No solution has been offered yet.

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

Hi all,

I’ve been working on enabling two separate Header menus but just can’t get it right via the Header.Liquid file. Could someone please help me with this?

I want to make it look like this:

Homefeel_0-1736770947376.png
Homefeel_0-1736770947376.png1900×154 14.9 KB

  1. Menu underneath the logo

  2. Drawer/Hamburger menu next to the search bar

My current website looks like this (housefeel.store):

Homefeel_1-1736771082272.png
Homefeel_1-1736771082272.png1901×189 18.9 KB

Also I want to mention that I want the Drawer/Hamburger to lead to a different set menu, which is called “Drawer menu” in my admin. My current header (Mega) menu leads to “Main menu” in admin.

Thank you very much in advance

2

Hello, @Homefeel
Please share “Store URL”
Thanks!

3

Hi @topnewyork , thank you for your reply!

It’s: https://tycdbd-db.myshopify.com/