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

Solved

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

VaporVisuals
Visitor
2 0 1

see store: https://vaporvisuals.com/products/light-leaks-and-lens-flares

 

The store looks fine on mobile; but when switched to desktop view, the product description is contained to the width of the right column. How do I make it so that the product description fills the entire row below the product photo?

 

1000000647.png

Or even better, how can I fill the left side with further description (keeping it two columns)

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
8269 1980 2430

This is an accepted solution.

Hi @VaporVisuals 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Click Customize > Product Page > 

Made4uoRibe_0-1726345512672.png

Select Custom 

On the right side 

Paste te code below. 

 

<div class="page-width">
{{ product.description }}
</div>

 

Made4uoRibe_1-1726345573223.png

And Save. 

Drag theme below to the product info. 

Made4uoRibe_2-1726345632833.png

And Save. 

Result:

Made4uoRibe_3-1726345707244.png

 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Reply 1 (1)

Made4uo-Ribe
Shopify Partner
8269 1980 2430

This is an accepted solution.

Hi @VaporVisuals 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Click Customize > Product Page > 

Made4uoRibe_0-1726345512672.png

Select Custom 

On the right side 

Paste te code below. 

 

<div class="page-width">
{{ product.description }}
</div>

 

Made4uoRibe_1-1726345573223.png

And Save. 

Drag theme below to the product info. 

Made4uoRibe_2-1726345632833.png

And Save. 

Result:

Made4uoRibe_3-1726345707244.png

 

 

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.