Coding for Mobile in Squarespace (7.0 & 7.1 CE)

About

Learn how to fix the most common and annoying issues on your client’s Squarespace site that pop up on smaller screens, without affecting your desktop layout:

• Avoid “squishiness” on tablets, when using spacers to restrict the width of a block on desktop.

• Stop images, that you carefully sized with spacers on desktop, from blowing up on mobile screens.

• Avoid super narrow side-by-side layouts on tablets, by learning how to stack blocks at will.

• Find out how you can reorder stacked blocks on smaller screens, without affecting your desktop layout.

• Template compatibility

  The code from this product is compatible with 7.0 and 7.1 sites!

• Knowledge requirements

  Even when this product comes with all the necessary setup instructions and additional helpful tips, having a basic knowledge of Squarespace and CSS is highly recommended for a successful implementation.

  Please note: refunds are not available.

• Support availability

  If you run into any tech issues with the content or the code, you can open a ticket.

  Please note: support required that goes beyond the scope of the product will need to be provided on an hourly rate basis.

• Product license

  This product includes an Unlimited License.

  “What does that mean?”

  Long-story short, you can use the code from this product on as many personal or client projects as you like.

  For the full-story, including what to do if you want to use the code inside a product/template, please read the terms here.

• Refund policy

  Refunds are NOT available.

  Make sure to check the details of the product before purchasing. If you have any additional questions, don’t hesitate to reach out!