Keep Spacer Block on Mobile (Version 7.1)

Is there a way to keep spacer blocks placed below other blocks when viewed on a mobile device? I'm using version 7.1 and I'm new to using Squarespace. Thanks.

It seems spacer block is hidden on mobile?

You can add this code to Home > Design > Custom CSS to remove hidden

.spacer-block {
	display: block !important;
}

Thank you tuanphan. Is there a way to target one specific spacer block? Most of the time it's a plus that Squarespace hides the spacer blocks on mobile, but there are two areas on my site where it looks better if the spacer block is not hidden on mobile.

23 hours ago, vonvon said:

Thank you tuanphan. Is there a way to target one specific spacer block? Most of the time it's a plus that Squarespace hides the spacer blocks on mobile, but there are two areas on my site where it looks better if the spacer block is not hidden on mobile.

#spacer-block-id {
	display: block !important;
}

Find block ID with: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

If you don't want to use code, and you understand basic graphic design principles I have an easy one that may also inspire some fun design solutions.

Just create an empty image file, save as PNG, and insert that wherever you would use a spacer block; pull down on the grey circle at the bottom of the image to change the size of the image block to fill the space you need.

Achieves the same purpose, and if the file is small enough it won't create any problems with page loading. I attached one below that's 1200x1200, and it's a 10KB file.

@tuanphan, you've just made my day!

Thanks a lot! 🙂