Main issue: On mobile, the site renders at double width, allowing horizontal scroll into right-side white space; desktop displays normally. The merchant hadn’t changed code recently; installing Shopify Forms and a pop-up app (Ecommsend) didn’t cause or fix the problem when disabled.
Proposed fix: Edit the main theme layout file (theme.liquid) and add a snippet above the closing tag.
Outcome: The merchant confirmed the fix worked perfectly and the mobile formatting issue was resolved.
Status: Resolved; no remaining open questions.
Supporting materials: Screenshots were provided showing the issue and the successful result. Code insertion is central to the fix, but the specific snippet is not visible here.
My site www.wipshoes.com is displaying fine on desktop but I noticed that it is doubled in width on mobile, where I can now scroll to the right white space.
How do I resolve this issue? It was working fine before this and I have not altered any code. I installed Shopify forms and a pop-up app called Ecommsend but have tried disabling both but it did not resolve the issue.
Any help is greatly appreciated.
Hey @wipshoes
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
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
This worked perfectly, thank you!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
