Move additional product info to under product description - center align

Site URL: https://souqluxury.co.za/

Hi all,

I have used the following code injected into my page header to take the additional info box and place it under my product description instead of at the bottom under the images.  For some reason my add to cart button will not center align and it is slightly off and I would like the social icons to move under the size chart button. Is this possible ?

Password : kimsedgwick

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
  $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
});
</script>

4 hours ago, amararajie said:

Site URL: https://souqluxury.co.za/

Hi all,

I have used the following code injected into my page header to take the additional info box and place it under my product description instead of at the bottom under the images.  For some reason my add to cart button will not center align and it is slightly off and I would like the social icons to move under the size chart button. Is this possible ?

 

Password : kimsedgwick

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
  $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  window.Squarespace.onInitialize(Y, function(){  
     $('section.ProductItem-additional').appendTo('.ProductItem-details-share');
     $('.Share.sqs-share-buttons').appendTo('.ProductItem-additional');
});
</script>

kindly update your script and add this snippet in custom css

.shopify-buy-frame--product {
  max-width: initial !important;
}

Thank you ! thank you !