Jump to content

Button alignment issue with screen width

Recommended Posts

  • Replies 2
  • Views 241
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

2 hours ago, amyleehayward said:

Site URL: https://robin-impala-w8cj.squarespace.com/config/

The buttons extend past the card. When the screen is adjusted.

If I remove my css the buttons look like the last screen shot (i can't find any other button css) 

 

Any help will be much appreciated!!!

Screenshot 2022-02-28 at 13.20.50.png

Screenshot 2022-02-28 at 13.34.36.png

Screenshot 2022-02-28 at 13.34.45.png

Screenshot 2022-02-28 at 13.35.03.png

Screenshot 2022-02-28 at 13.48.23.png

Try

.list-item-content__button-container {
  display: flex;
  justify-content: center;
}

Let me know how it works on your site

Support me by pressing 👍 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.7a7698ad9de0ad81eb874f4481a6f6e2.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.