Jump to content

Add to Cart position on desktop is off center

Recommended Posts


I recently signed up for Squarespace 7.1 - i'm still creating my site and noticed that when a product block is added to my site, the add to cart / purchase button goes too far to the right on.

I used a CSS code to fix the mobile version from another post but I need to fix the issue on my desktop view as well.

If anyone can help, I'd really appreciate it

Screen Shot 2020-07-19 at 12.31.48 PM.png

Link to comment
  • Replies 11
  • Created
  • Last Reply

Thank you @rwp 

I think it was @tuanphan

the code is 

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


It fixed the mobile format of the add to cart button but not on desktop. Im not sure where to put the code from  jQuery 3.x there are only header and footer options on code injection and I dont need the add to cart button in the header or footer just on the product page. 

Link to comment


This topic is now archived and is closed to further replies.

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