Jump to content

Code block causing extra right-side margin on mobile

Recommended Posts

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!



Link to comment

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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.