A user seeks to increase the page width in Shopify’s Dawn theme, noting excessive whitespace on both sides that makes content appear cramped.
Proposed Solution:
Add custom CSS code to the theme.liquid file, placed above the </body> tag
The code modifies the .page-width class to increase maximum width
Outcomes:
The original poster confirmed the solution worked perfectly
One user reported the fix didn’t work, possibly due to theme version differences
Another user successfully applied the code but encountered a left-alignment issue instead of center alignment
Status: The discussion remains open with unresolved issues for some users experiencing different results or side effects from the same CSS modification.
Summarized with AI on October 30.
AI used: claude-sonnet-4-5-20250929.
I am using the dawn theme for my website. Is there a way to make the pages wider? Like, if you click on the link below and go to my website, you will see how there is lots of space on both sides and the actual page itself seems pretty small. I want to make the page a little wider to make it look better and make the page contents not seem so close to each other. Give a nice spacing.
Here is the link to a page on my site so you have an idea of what I mean:
