Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Side by side button alignment on mobile


barrywang

Question

2 answers to this question

Recommended Posts

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

image.png.57946dcd53fad5c75e90c40eae997d56.png

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%;
}

  

image.png

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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...