Solved

Column width product pages

bcm1313
Tourist
8 1 0

Hi. New to Shopify and need help figuring out what I'm missing. On my product page, the image column is too wide and the details/purchase column is too narrow. Using Dawn 13.0.0 theme with current version of Shopify. Where can I set the respective widths for these columns using the interface or edit the CSS to do same?

 

Thanks.widths.jpg

Accepted Solutions (2)

BrainStation23
Shopify Partner
117 26 27

This is an accepted solution.

Hi @bcm1313.

You can adjust the Desktop media width settings from theme editor of product page(screenshot below).

Additionally, you can adjust Layout->Page width from theme editor as well(screenshot below).

If these doesn't work, then CSS will be needed. Let me know if you need help on CSS.

product.PNG

layout.PNG

  

Faisal Ahmed | Brain Station 23
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

Liqiud_xPert_SJ
Shopify Partner
376 40 57

This is an accepted solution.

@bcm1313 

 

Please follow below screenshot and instructions to fix that

Online STore > Customizer > Product

2024-02-05 11_10_08-bisabrandpk · Customize Updated copy of Dawn · Shopify.png

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 3 (3)

BrainStation23
Shopify Partner
117 26 27

This is an accepted solution.

Hi @bcm1313.

You can adjust the Desktop media width settings from theme editor of product page(screenshot below).

Additionally, you can adjust Layout->Page width from theme editor as well(screenshot below).

If these doesn't work, then CSS will be needed. Let me know if you need help on CSS.

product.PNG

layout.PNG

  

Faisal Ahmed | Brain Station 23
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

Liqiud_xPert_SJ
Shopify Partner
376 40 57

This is an accepted solution.

@bcm1313 

 

Please follow below screenshot and instructions to fix that

Online STore > Customizer > Product

2024-02-05 11_10_08-bisabrandpk · Customize Updated copy of Dawn · Shopify.png

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
bcm1313
Tourist
8 1 0

Thanks!