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

[NRGoldsmiths]

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

 

Many thanks,

Neil

[BSSCommerce-HDL]

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 </head> tag:

<style>
body {
    overflow: hidden !important;
}
</style>

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 😍

[NRGoldsmiths]

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

[Sangeetanahar]

hello @NRGoldsmiths 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> section-image-banner.css....>line number 50

search the code

@media screen and (max-width: 749px) {
    .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
        height: 39rem;
    }
}

replace with this code

@media screen and (max-width: 749px) {
    .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
        height: 22rem !important;
    }
}

result

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[NRGoldsmiths]

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 🙂

[NRGoldsmiths · Accepted solution]

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.