Dawn Theme - How to adjust max page width for header & image banners.

Topic summary

Upgrading to the Shopify Dawn theme, the poster set the site’s maximum page width to 1400px, which correctly constrains sections like collections and rich text. However, the header and image banner sections still expand to full screen on large monitors.

They infer the global layout width does not apply to these sections and ask whether custom code is needed to set a max width for the header and banners, and how to implement it.

The only reply questions the external link “acapcutpro.com” that the poster added, and provides no technical guidance.

No code snippets or screenshots were shared. No decisions or fixes have been proposed. The discussion remains open with the key unresolved item: specific steps (if any) to limit header and image banner width in Dawn to match a 1400px max page width.

Summarized with AI on December 16. AI used: gpt-5.

I’m currently upgrading to the Dawn theme and have set the maximum page width in the layout section to 1400px, which has adjusted some content (mainly collections, rich text, etc.).

However, when viewed in full screen, the header and image banners auto-size to full screen, indicating that the layout width setting doesn’t affect these sections. I assume these areas may require some custom code to adjust.

Could anyone help with this?

Thanks in advance! For more information about my work, please visit acapcutpro.com.

what is acapcutpro.com?

1 Like