Product page layout - less image more text

197 1 24

Hi there,


I want to give the product images less space and the description on the right more. How can I do this? Usind Dawn theme.


Would be best if you can tell me where to change the css code instead of adding another piece of code...



Reply 1 (1)

Shopify Partner
6383 1533 1903

Hi @isabellemaria 

You can follwo this instruction, 

From the Online Theme > Select theme > Click the3 dots > edit code > Go to Asset folder > find the Section-main-product.css. And look the code below. 


And change the max-width: in your desire outpout. 



And Save the changes. 


It is okay that you wil not change the width cause it will follow always the max-with. 

Note: This change is only for above screen size 990px it wont change on the mobile screen .



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 for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.