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.

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.

📩 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?