Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Etrenoir

Blocks dissappear on mobile

Question

Hi,

Is there a way to have just a certain amount of block(s) shown in mobile function that are normally shown on Desktop? 

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

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. 


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...