How can I increase product page width in Dawn theme?

Hey,

Is there any solution for this in Dawn theme similar like here:

https://community.shopify.com/c/shopify-design/narrative-increase-product-page-width/td-p/1085858

Hi @Sebastian96 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

[id^="MainProduct-template"] {
    --page-width: 1600px !important;
}

I hope it would help you
Best regards,

Richard | PageFly

Hi @PageFly-Richard

Amazing, works perfectly!

Thank you.

@Sebastian96

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

{% if template contain 'product' %}
   
{% endif %}

You can replace the number 1400px with another number that fits the page width you want.

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

This worked for me. Wondering how to make it align perfectly center. For example, if I exaggerate the pixels to 2500 it lines up on the right more than the left.