Mobile View width changes as you scroll to bottom of the page

Technical Q&A
, ,
1

Hi,

I asked on here last week but didn’t get a response. Really need help with this one.

Basically, the Mobile View homepage on my website neilrayment.co.uk changes widths as you scroll down the page. At the top of the page there’s a big white gap on the right side and you’re able to zoom out to see the page doesn’t fit. About halfway down the page the width and page fixes itself and fits the screen. No idea what’s causing it and tried multiple fixes but nothing seems to work.

Please help me!

Here’s some images showing the issue in full

Screenshot_20240827_170649_Chrome.jpg
Screenshot_20240827_170649_Chrome.jpg1080×2340 163 KB

Screenshot_20240827_170656_Chrome.jpg
Screenshot_20240827_170656_Chrome.jpg1080×2340 143 KB

Many thanks,

Neil

1 Like
2

Hi @NRGoldsmiths ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi @BSSCommerce-HDL this code seems to break the website. It stops the ability to scroll all together.

4

Hi All,

Turns out it was an app embed called EcomSend Popups that was weirdly changing the width of the mobile page. No idea why, or how. I’ll update you on whether there’s a fix when I get more information from the company.

5

Thanks for the advice. Sadly this didn’t fix it but we’ve now found out that it was an app embed called EcomSend Popup that was causing the width issue so we’re awaiting an update from their tech team :slightly_smiling_face: