Remove burger icon (sidebar menu)

Topic summary

Issue: The mobile “burger” (hamburger) menu icon appears in the header on mobile view (not visible by default, but activates when tapping left of the logo).

Proposed fix and steps:

  • Navigate: Online Store > Edit Code > theme.liquid.
  • Add a code snippet just above the tag to hide/remove the hamburger icon.
  • A screenshot was shared showing the icon successfully removed after applying the change.

Notes:

  • “Burger/hamburger icon” = the mobile menu toggle.
  • “theme.liquid” = the main layout file in Shopify themes.
  • The exact code snippet content was referenced but not visible in the post excerpt; the visual result indicates it worked.
  • Images are central: one shows the successful removal; another shows the current mobile header with a large centered logo.

Current status and next steps:

  • The original request (removing the icon) appears resolved following the provided steps.
  • A new request is open: resize the logo smaller and align it left on mobile. No solution provided yet; awaiting guidance on CSS adjustments for mobile logo size/alignment.
Summarized with AI on December 18. AI used: gpt-5.

Hello,

I want to remove the burger icon from my header on my store. It dosent seem to appear in my desktop mode but when i go to the mobile configuration it is there. You cant actually see it in mobile mode but when you hover over it (click to left of logo) it appears.

If anyone knows hwo to remove this then that would be great.

Thanks,

Sam

Hey @sammyb09

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thank you @Moeed ! Great help

Would you be able to help me with sizing down my logo on mobile? it is good size for desktop but i would like it smaller and to the left on mobile

thanks for your help!