Make product description box full-width [REFRESH THEME]

[Reinhart]

I’m having some trouble making my product descriptions full width across the page. The way shopify has it set-up makes the whole thing look tacky and disorganised.

If there a way to add code to mitigate this? I would greatly appreciate it.
For reference I’ve tried many methods and forums online. Thanks!

WEBSITE LINK - https://rmtperformance.com/products/bmw-g80-m3-g82-m4-valvetronic-catted-exhaust

[vinh0225]

Hi @Reinhart

Do you want this like result?

Let’s discuss more.

[Reinhart]

That is actually perfect. How did you do this?

[vinh0225]

@Reinhart

Here is what you can try:

• remove “page-width” class.

• And add the style “padding: 0 15px;” to this element.

• And comment this code in assets/section-main-product.css.

@media screen and (min-width: 750px) {
    .product__info-container {
        /* max-width: 60rem; */
    }
}

[Dan-From-Ryviu]

Hi @Reinhart

Please go to your store admin > Sale channels > Online Store > Themes > Customize > Products > Default product, hide Description block after Product information.

Click + Add section > Custom liquid, add this code to Liquid

    

        {{ product.description }}
    

[Reinhart]

Genius, many thanks.
Quick, simple and easy to do!