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

Help! Add to Cart button position on mobile

Go to solution Solved by tuanphan,


Site URL: https://nikswami.com/test


I recently signed up for Squarespace 7.1 - but I've noticed that when a product block is added to my site, the add to cart / purchase button goes too far to the right on a mobile screen (it actually cuts off).

Is there a CSS code or something that can fix this? I contacted Squarespace, and they confirmed the issue is in the template itself, but said they'll look into fixing it in a future release (no timeframe can be given).

If anyone can help, I'd really appreciate it - it seems bizarre that they can't fix a simple button position until a future release?!

***UPDATE*** I've found some code that moves the button to the middle...but the text doesn't move with it lol any ideas? Here's the code I used for the button:

.product-block {
    overflow: hidden;



Button Screenshot.png

Edited by MrNikSwami
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Remove your code, add this to Home > Design > Custom CSS @media screen and (max-width:767px) { .sqs-add-to-cart-button { min-width: unset !important; } }  

Posted Images

3 answers to this question

Recommended Posts

  • 2

Remove your code, add this to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.sqs-add-to-cart-button {
    min-width: unset !important;


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...