Product page text alignment

[Alurithardd]

How can I align my product description to cover full page width instead of being full right 

 my website- https://aulrit.com/

[BSSCommerce-B2B]

@Alurithardd,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before </body> tag:

<script>
document.addEventListener("DOMContentLoaded", function() {
  const productInfoWrapper = document.querySelector('.product__info-wrapper');
  const productDescription = document.querySelector('.product__description');

  if (productInfoWrapper && productDescription) {
    productDescription.style.marginTop = '20px'
    productInfoWrapper.insertAdjacentElement('afterend', productDescription);
  }
});
</script>

Result:

[BSSCommerce-HDL]

Hi @Alurithardd, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before </body> tag:

<script>
let prd_desc = document.querySelector('.product .product__description');
let prd = document.querySelector('.product');

if(prd && prd_desc) {
  prd.insertAdjacentElement('beforeend', prd_desc);
}
</script>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Made4uo-Ribe]

Hi @Alurithardd 

You can follow this steps. 

Product description filling only half the page on desktop view. (Mobile view looks fine) 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!