Jump to content

Blocks overlapping / jumping on mobile

Recommended Posts

Hello,

I've pushed my site live but have now noticed something odd happening with some of the content blocks on mobile.

When the page loads, some of the blocks are overlapping one another. When I scroll down and back up again, they seem to jump / adjust to the normal position.

Screenshots attached, site URL: www.houseofellainteriors.com

Created in 7.1

Does anyone have a fix for this? I'm viewing on an iPhone 12.

View 1.PNG

View 2.PNG

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

The block contents are overlapping on certain screen sizes simply because you have blocks that are overlapping each other and when the text breaks to more lines it is going underneath the overlapping button. You may want to change the setup to use a shape block as the background and not have the text block and button block overlapping eachother.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.