Jump to content

Issue with overflow on mobile version 7.1

Recommended Posts

Site URL: https://papaya-plums-lrzm.squarespace.com/

Hello, 

I'm having an issue with 'overflow' on my website's mobile version. 

Here is the site: 
https://papaya-plums-lrzm.squarespace.com/
password: lucyinthesky


When I view on mobile, there is a white margin on the right hand side of the page, when I zoom out, and then I can't zoom back in, it messes up how the site is viewed on mobile. So I think there is some overflow I need to fix?
 

I tried adding: 
/** Page Hide Overflow **/
html, body {
    overflow-x: hidden!important;
}


However, that seems to cause other issues with the mobile where it's breaking the scroll. So don't think it's an option. 

Any ideas - I've tried to localise the code that's causing the overflow in the first place, but having trouble doing this. 

Thank you

 

Screen Shot 2022-09-06 at 4.13.36 pm.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Quote

Any ideas - I've tried to localise the code that's causing the overflow in the first place, but having trouble doing this. 

What custom coding are you using? Does the white margin appear if you temporarily remove it all? 

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

Thanks for your reply Ziggy. 

I am using a fair bit of custom CSS as well as some header / footer injections. You're right, when I remove all the custom CSS, the issue (white margin) doesn't appear, so I guess there is an error in my CSS somewhere. 

I guess i will add the CSS in bit by bit and see if i can localise the issue - unless you have a better suggestion for doing this? Thank you 🙂

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.