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 👇
Want a framework for designing the perfect homepage?
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.
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!
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
