I want to change the width of my pages (not the product page or home page). For example, About Us page is too narrow. Please help.
Topic summary
A user seeks to adjust the page width in their Dawn theme Shopify store, specifically for pages like the About Us page, which appears too narrow.
Initial Problem:
- The About Us page width is too narrow and needs adjustment
- Store URL: azaleasnyc.com
Attempted Solution:
The user tried adding CSS code to base.css targeting .page-width.page--narrow with a max-width property, but this made the page too wide.
Recommended Fix:
A community member provided updated CSS code to be added at the bottom of the main CSS file (base.css, style.css, or theme.css):
.page-width.page--narrow .section-template--16699062006334__main-padding {
max-width: 80%;
}
This solution adjusts the maximum width to 80% for a more balanced appearance. The discussion appears resolved with this CSS modification.
1 Like
Would you mind sharing your store URL? Thanks!
Actually I found this code and used it but now it’s too wide.
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.page-width–narrow {max-width: var(–page-width);}
}
my url is http://www.azaleasny.com
sorry my url is http://www.azaleasnyc.com
Thanks for the info, check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file
.page-width.page-width--narrow.section-template--16609962000633__main-padding {
max-width: 80%;
}
And save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!