Code block causing extra right-side margin on mobile

Site URL: https://www.manuscriptmaps.com

Hi everyone,

Hoping someone can help please. 

I recently set up a Wiremo reviews carousel on my Squarespace home page - https://www.manuscriptmaps.com 

I noticed however that on my phone, the block container is expanding the margins of the page a lot to the right. The block allows me to side-scroll to the right and I can expand my fingers to zoom out (screenshot attached). It also happens on a desktop browser when I narrow it to the point my site switches to mobile block-stacking (screencapture video attached).

On a desktop browser too, it looks like when the window is less than about 1522px wide, the side-scroll starts making everything non-centred.

When I remove the code-block, this behaviour stops, so it's definitely how the block is programmed.

Wiremo support want full admin contributor access to edit the CSS, but I'm not really comfortable with giving someone I don't know that level of permission.

Can anyone help?

Thanks so much!

Kevin

You can give them Admin or Website Editor Permission. 

Both can add code to handle the problem. However, Admin permission will be more convenient and faster.

Add to Design > Custom CSS

html, body {
    overflow-x: hidden;
}

Wow, is it really as simple as that?! That looks like it did the trick! Thanks so much!