Stop Blocks Overlapping on Different Screens on Squarespace

Something that I see on a lot of Squarespace builds is blocks overlapping when they shouldn’t.

It’s a common problem when screen sizes shrink but luckily, there is a way to rectify it.

Keep reading to find out how…

Watch the video

Check out the YouTube video below 👇

Head to the section where your blocks are positioned. To make sure that they don’t start overlapping when the screen size shrinks, you need to make sure that the blocks themselve are not overlapping.

Take a look at the blue lines that surround the block and drag and drop them so that they don’t touch or overlap the other block.

Stop blocks overlapping on Squarespace

Even if the content of the blocks isn’t overlapping, you still need to make sure the blue block outline itself doesn’t overlap either.

If this means your blocks aren’t as close together as you would like, you can click the vertical alignment button to bring them closer together without causing them to overlap.

Vertically align blocks on Squarespace

📩 Join the inner circle to get exclusive code updates


This is how you should be building all of your Squarespace web pages as overlapping blocks look messy and unprofessional to visitors.

With that in mind, make sure you remember this trick for your future builds!


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.


Want more?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

What Squarespace Pricing Plan is Best For You? [How Much Does Squarespace Cost?]

Next
Next

Squarespace Search Function THAT WORKS! [Monocle Search]