Botbot

Trying to get rid of it too, no idea why would Squarespace even do that...

My thoughts are that Squarespace needs to take this seriously, or else people may jump ship to another web builder. Since we have absolutely no control over these things to optimize performance, this may push people to start looking elsewhere. Hopefully they are planning on addressing this in a new version of Squarespace, such as 7.2 or 8. It's frustrating because for all of the great features within Squarespace, the beautiful templates and user-friendliness of the platform, there are several areas Squarespace ignores or drops the ball. In the years I've been using the platform, as an example, I don't remember any updates to the Form block functionality, even after other platforms such as TypeForm revolutionized web forms. But Core Web Vitals is the type of "con" to weigh so heavily, with no solution for optimizing performance, it may push even the most ardent supporters of Squarespace to look at other platforms. The first competitor to address this could see a lot of new subscribers, so hopefully it's something Squarespace doesn't just ignore, as there is a huge opportunity for them to steal people away from their competitors, rather than lose them.

Site URL: https://www.theempathykit.com/shop/p/vapor-bath-and-shower-treatment
Super annoying. I recently upgrade to 7.1. I saw it was added but didn't realize I couldn't remove it later. Does anyone know the code on how to change it?
I could live with how stupid it looks, but the biggest problem is that it breaks every QR code that I have built into product labels! Now I have to recreate every QR code. I have dozens of products, so I'd need to buy more labels, ink, remove existing labels, put the new ones on if this issue isn't resolved. (And I have a feeling that once I did all that, SS would finally respond and change it back.) 
Sorry but I am angry. It was a lot of work to do the redesign. One more reason to move to another platform... 

Hi. Can you share link to product page on your site? WE can check easier

It looks like it sets the section to have a flex direction of column which is why they are all stacking. I would use different code here altogether to help combat the flexbox code. Try this...
 
.ProductItem-details .ProductItem-details-checkout { display: flex; flex-wrap: wrap; flex-direction: row; } .ProductItem-product-price, .ProductItem-details-excerpt { flex-basis:100%; } .sqs-add-to-cart-button-wrapper { margin-bottom: 0 !important; position: relative; bottom: -28px; } .product-quantity-input { flex-basis:30%; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; } @media screen and (min-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:70%; } } @media screen and (max-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:60%; margin-left: 5vw; } }  

New code
/* add to cart next to quantity */ @media screen and (min-width:768px) { .sqs-add-to-cart-button-wrapper { width: 70% !important; float: left; margin-bottom: 0 !important; position: relative; bottom: -23px; } .product-quantity-input { width: 30% !important; float: left !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; } }