Jump to content
Go to solution Solved by Beyondspace,

Recommended Posts

  • Solution
22 minutes ago, elisavanrullen said:

Hello,

my buttons are set like this on the desktop:

image.png.e72fd5010c5ea13ba44494ee52330c12.png

but I would like to be able to center them horizontally on mobile! This is what I currently have in mobile version:

image.thumb.png.319915f9abffe1717b54a05a085dbe9d.png

 

What css code can I add to fix this? Can anyone help? 

url https://preview-elisavanrullen.squarespace.com/
password : siteenconstruction

Thank you!

You can try adding to home > design > custom css

@media only screen and (max-width: 767px) {
  section[data-section-id="63bee490b99e440ba7b5d3ef"] .sqs-block-button-container.sqs-block-button-container--left {
    justify-content: center;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

My testing

image.thumb.png.a1c1d3184743171c9c638ce8ea33a63c.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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.