A single product’s description renders in a stacked/narrow layout on a Shopify store, while other products display normally. The issue appears isolated to that product page.
Suspected cause:
Proposed fixes and checks:
Status and next steps:
Hi. As you can see in image my product description has just become stacked, and I am not sure why.
This specific product is (link here), and it is only this product that has this issue.
It looks awful so if I could please get some help to get it back to normal format like this, that would be great:
Hi @salil2000 ,
Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
.product__info-container .product__description .page-width {
max-width: 100%;
padding: 0;
}
.product__info-container .product__description .product__info-wrapper {
max-width: 100% !important;
width: 100% !important;
}
Hi @salil2000 ,
Can you share your store URL so that I can help you check further?
Look forward to your response.
Best,
Daisy
Hi @salil2000
You copied the HMTL of the description, which caused the issue. Please go to edit that product, in Description, click Clear formatting to solve the issue.
Unfortunately this did not work. Thanks.
Unfortunately this did not work. Thank you.
Did you save your product page after Clear formatting? Or you can click Show HTML, copy description of that product, use an online straightforward HTML tool to clear HTML of description, paste it back to description of that product, save and check again.
Hi @salil2000 ,
I checked and your base.css file code is currently corrupted, so when you add new code it won’t recognize it.
Please try adding the following code at theme.liquid file, above the ‘’ tag:
