How to enable hamburger menu on desktop in Shopify Prestige theme?

Hi everyone,

I’m using the Prestige theme on Shopify, and I want to replace the standard desktop menu with a hamburger menu, just like on mobile. Right now, my desktop menu is fully visible, but I want it to be hidden and only accessible through the hamburger icon.

I’ve tried modifying the CSS to display the mobile menu (Drawer) on desktop, but the hamburger button doesn’t appear, and the menu doesn’t work.

Does anyone know how to properly enable the hamburger menu on desktop in Prestige? I’d really appreciate any help!

Thanks in advance! :blush:

website: reaverfit.com

@Zoubidou75 Please follow the steps below to display the menu with a hamburger icon in the Prestige theme. Let us know if this helps!

  1. From the admin, go to “Online Store” → “Themes”.
  2. Click the “Customize” button for the current theme.
  3. Navigate to the “Header” section and click to edit it (refer to the attached screenshot).

  1. Under the “Desktop” section, locate the “Layout” option. Click it, select “Drawer” from the dropdown as shown in the attached screenshot, and save the changes.

Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.