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:
</head> tagThe 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.
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
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!
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 
Hi @CornerShopUK Glad that i can help. Let me know if you have any questions
