Unwanted extra spacing on mobile (Sense Theme)

[WoofStore]

Hi there!

I'm running into a little issue with my layout on mobile; the website loads correctly, and the layout is fine, however, I can scroll right, and an extra space appears, it's the same colour as my background colour. Once I get to my first banner image, the layout comes back to normal, and I can't scroll right anymore, but as soon as I go back up the page, I can scroll right again... It does the same thing on all pages, on the collection page, normal layout comes back when scrolling all the way down to the footer, and on product page, layout comes back to normal when I get to my first banner image.  Any of you guys have experienced this issue and have managed to resolve it? Anything would help, thanks in advance!

FYI, the store uses the Sense theme.

[WoofStore]

Thank you for the tip !

[PageFly-Noah · Accepted solution]

Hi @WoofStore 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
html,body{
max-width: 100%;
width: 100%;
overflow-x: hidden;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[WoofStore]

Hey Noah,

Looks to be working just fine now! I really appreciate the help!!

Thanks again.