How to Hide Squarspace Blocks Only on Desktop or Phone

3 Step Process on How to Hide Blocks Only on Desktop or Phone

Step #1: Find Block ID

• For this you need extension called “Squarespace ID Finder”

• After you download “Squarespace ID Finder” go to your squarespace website and click on the extension

• IDs of all the blocks has to pop up

View fullsize

• Click on the ID of the block you want to hide it will to automatically copy the ID

Step #2: Open CSS of Your Website and Paste the Code

• On main page of your website go to “Pages”

• Then scroll down to “Website Tools” and click on it

• Then click on custom CSS

• On the filed paste this code if you want to hide only on Desktop:

  @media only screen and (min-width: 767px){

  #Block-ID {

  display: none

  }}

• If you want to hide only on mobile use this one

  @media only screen and (max-width: 767px){

  #Block-ID {

  display: none

  }}

• The only difference beetween these code are max-width and min-width in the brackets

• Then you have to paste your block ID that you have copied instead of #block-ID in the code.

ALL DONE!