Menu not showing on mobile - Refresh Theme

Topic summary

A Shopify store owner reported that their mobile menu was not functioning, despite trying multiple solutions found in the community. The hamburger menu (three horizontal lines) appeared to be blocked by images on the page.

Resolution:
A PageFly representative provided a code solution that successfully fixed the issue:

  • Navigate to: Online Stores > Themes > More Actions > Edit code
  • Open theme.liquid file
  • Add the provided code snippet above the </head> tag

The store owner confirmed the solution worked and resolved their mobile menu problem. Another community member initially noted they couldn’t replicate the issue, suggesting the hamburger menu should appear automatically on mobile devices.

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

Hi.

I am having some issues with my mobile site. My banner is not showing correctly but the more pressing issue is that i cannot seem to get the menu to work on the mobile version. It is being blocked by the images on my page. I have tried lots of solution as shown on here but to no avail! Please help. Thanks

Shop: www.buycornershop.com

2 Likes

Hi @CornerShopUK

Im sorry but I cant replicate your problem. The menu on the mobile will be automatic hamburger menu, which is the 3 lines horizontally.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Hi @CornerShopUK

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hi!

Thank you so much. This fixed my issue :slightly_smiling_face:

Hi @CornerShopUK Glad that i can help. Let me know if you have any questions