How can I adjust the page width of the Dawn theme to 70%?

Topic summary

Goal: widen Dawn theme pages (requested 70%). Initial attempts to edit page.liquid didn’t affect width; screenshots showed the page remained narrow.

Key detail: For Dawn, the relevant template for standard pages is often main-page.liquid (not page.liquid). Editing the correct file resolved the issue for several users.

Approach: Dawn uses predefined CSS utility classes in Liquid (Shopify’s templating language) such as “page-width–narrow” and “page-width–wide”. To widen pages, replace “page-width–narrow” with “page-width–wide” across relevant templates.

Affected files (examples):

  • Sections > main-page.liquid
  • Sections > page.liquid
  • Sections > main-article.liquid (multiple lines)

Version note: A later Dawn version reportedly lacks main-page.liquid; the user found an alternative file and solved it (details not shared). Suggest searching theme files for occurrences of “page-width–narrow”.

Options: No confirmed “medium” width; likely controlled by the theme’s grid/utility classes rather than custom percentages like exactly 70%.

Status: Partially resolved. Users achieved wider pages by editing the correct templates and class names. Images/screenshots were used to illustrate the narrow width issue.

Summarized with AI on January 14. AI used: gpt-5.

Super useful info! Thank you