Jump to content

Recommended Posts

Most likely no need for backend access on this one.

Add the following to Website > Website Tools > Custom CSS.

/* "project" pages restore spacer on mobile */

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

  #block-cb33a2ef4351969fa655, /* lost america */
  #block-c0317767e7f711318800, /* desert modern */
  #block-e677e4cca8e64e49342e, /* forgotten palms */
  #block-04e8f55bbf850175112a, /* kalah */
  x-twc-dummy-selector /* dummy selector so others above can all use , */
      display : unset;

This is for v7.1 and specific to the poster's need.

What this code is doing is restoring the spacer blocks that are normally "removed" on mobile. As new "projects" are added or removed, the block ids need to be updated. To find the spacer block ids check out Heather Tovey's most excellent looking Squarespace ID Finder. Note the structure of the code, each block id ends with a comma ( not including the comment text ), except the last which uses a dummy selector.


Make your changes above this line

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

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

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