Jump to content

Blocks dissappear on mobile

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

For Squarespace 7.0 - Sure.

You need to install this Chrome Extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Clicking its icon - image.png.3328a077466e02649c06123336f64779.png - in the address bar shows you the block ids for a page. 

Copy the ids of the blocks you want to hide on mobile and paste them into the following

@media only screen and (max-width:640px) {
	#blockid1, #blockid2, , #blockid-and-so-on {
		display: none !important;

Then paste the result into your custom css area. 

Note that the block ids in my example above should be deleted and replaced with the ones you copy from your site. 

Also note that block ids must be separated by commas. 

If you're looking for a Squarespace Developer, drop me a line. 

Link to comment


This topic is now archived and is closed to further replies.

  • 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.