Jump to content

Mobile text squashed in columns

Go to solution Solved by CassAggett,

Recommended Posts

  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

@Sam00 Oh gotcha. Give this a go, hopefully I've copied the syntax correctly:

// SET LIST PAGE - SPACE BETWEEN COLUMNS MOBILE //
@media only screen and (max-width: 768px) {
  #collection-5c373d6470a6adfe3d7d0942 {
    .sqs-layout:not(.sqs-editing) .sqs-block + .sqs-row .sqs-block:not(.float):first-child:last-child {
      padding-bottom: 17px !important;
    }
  }
}

That code on my end makes it look like this (same gap as the rest between The Supremes and Marvin Gaye - and the rest of the columns on this page only):

image.thumb.png.7c4f512f906fe5dfca20e3733718973b.png

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITE • INSTAGRAM

 

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.