Move Add to Cart Button

Site URL: https://www.thejourneytoyouchildrensbook.com/shop/p/thejourneytoyouaneggdonationstory

Hi,

I am trying to move the Add to Cart Button so that it is either above the product description or next to it? I am very new to CSS so an idiots guide is essential!

Thank you :-)

11 hours ago, NatalieHart said:

Site URL: https://www.thejourneytoyouchildrensbook.com/shop/p/thejourneytoyouaneggdonationstory

Hi,

I am trying to move the Add to Cart Button so that it is either above the product description or next to it? I am very new to CSS so an idiots guide is essential!

Thank you 🙂

You can try adding to Home > Design > Custom Css

.ProductItem-summary  .ProductItem-details-checkout {
  display: flex;
}

.ProductItem-summary .sqs-add-to-cart-button-wrapper {
  order: 2 
}

.ProductItem-summary  .ProductItem-details-excerpt {
  order: 3;
}

Support me by pressing 👍 if this useful for you

My testing result

OMG - thank you so much!!!!