Jump to content

Side by side button alignment on mobile

Go to solution Solved by Beyondspace,

Recommended Posts

  • Solution
On 3/26/2021 at 11:38 PM, barrywang said:

Site URL: http://www.versefilmprojects.org

Posted this question in another feed but haven't had any answers. Please see above link for screenshots of the issue. I can see others online having the same issue. Help please! 🙂 Thanks in advance 

Site password is: 2021

There is a trick, I made it on this page, you can replicate it on the others

Communication material — Versefilm Projects

Take advantage of the spacer block, we can target the row that contain the 3 buttons


1. Use this extension to get the spacer block id

Squarespace ID Finder - Chrome Web Store (google.com)

2. In this is case, it is #block-yui_3_17_2_1_1609263043194_75896 , so append this snippet into Design->Custom CSS, repeat for other pages as you wish

#block-yui_3_17_2_1_1609263043194_75896 + .sqs-row {
  display: flex;
#block-yui_3_17_2_1_1609263043194_75896 + .sqs-row .sqs-col-4 {
  flex: 0 0 33%;



Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.