I want product description to be full size

[rgeafrauuhf]

i Want My Product Description To Be full Size

URL: https://a6b804-0a.myshopify.com/products/boa-hms?_pos=1&_psq=boa&_ss=e&_v=1.0

[ankitpateldev]

Hi @rgeafrauuhf ,

To make the product description in full width, you'll need to make a few adjustments to the HTML structure. Currently, the description tab is nested within the <div class="product"></div> element.

To achieve a full-width description, locate the description HTML element in your theme files, which is likely found in sections/main-product.liquid or the snippets/product-description.liquid file. Move the highlighted elements so that they are placed immediately after the <div class="product"></div> element, as shown in the attached screenshot (After change structure).

 

Let me know if you need further more help.

[rgeafrauuhf]

Sir I Didnt Understand This 😥

[Dan-From-Ryviu]

Hi @rgeafrauuhf 

You can disable the Description block under Product page in your Online Store > Themes > Customize > Products > Default product. After that, please click + Add section, select Custom liquid and then add code below to Liquid and click Save.

{{ product.description }}

[rgeafrauuhf]

Thank You So Much Bro Its working.. But, How Can i Make It Slidable For Mobile Version??

[Dan-From-Ryviu]

Please add this code to Custom CSS in Theme settings. 

.shopify-section--custom-liquid .section { overflow-x: auto; }