Move "add to cart" button on product page?

Site URL: https://www.thelocalslang.com/kids/p/kids-town-tee

Hi all,

Is there a way to move the add to cart button on a product page while in the "FULL" Layout?  It's in this strange off-center position right now and looks terrible.

Ideally, I'd like it to appear under the Quantity field.

Thanks!

13 minutes ago, mtamaccio said:

Site URL: https://www.thelocalslang.com/kids/p/kids-town-tee

Hi all,

Is there a way to move the add to cart button on a product page while in the "FULL" Layout?  It's in this strange off-center position right now and looks terrible.

Ideally, I'd like it to appear under the Quantity field.

Thanks!

maybe you can try this to custom css , hopefully I can, I tried to use inspect element for results like this:

*/cart button wrapper */
.sqs-add-to-cart-button-wrapper {
width: -webkit-fill-available;
margin: 0;
vertical-align: bottom;
}

that gives me a syntax error...

5 minutes ago, mtamaccio said:

that gives me a syntax error...

.sqs-add-to-cart-button-wrapper {
width: -webkit-fill-available;
margin: 0;
vertical-align: bottom;
}

its not moving.  Maybe because it is in the Full Layout of a product page rather than the Simple?

21 minutes ago, mtamaccio said:

its not moving.  Maybe because it is in the Full Layout of a product page rather than the Simple?

 

.pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper {
    width: -webkit-fill-available;
    margin: 0;
    vertical-align: bottom;
}

that worked. thanks so much for your help!