How do I change the default page width in Dawn?

English Shopify Shopify Design
1

Hi all,

I am new to Dawn and editing.

I’m having trouble finding out how to change the default ‘Page’ width to full width, apparently the default is ‘narrow’ but I can just not find how to do this. All of the solved solutions show snippets/code/assets/headings which are not visible in my version of Dawn 5:00. I’m not talking about product pages, just pages like about us and extra information such as this https://meccanica.cc/pages/what-makes-our-belts-so-special

Thanks

1 Like
2

Hey @Colin_Ball .

Thanks for reaching out.

I appreciate that you have let us know which theme you are using as that is very helpful! Looking into the Dawn theme, I noticed that making changes to the width of the online store is not available using the Theme Editor. I can definitely see the benefit of allowing you to control the width of your store pages so I am going to provide this as a suggestion to our developers to hopefully include in the future. With that being said, you can change the width of the online store by making a change to the coding of the theme. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.

07-41-45052-33602
07-41-45052-336021920×920 198 KB

If you are interested in using the design time, you will need to login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.

Let me know if you have any questions.

3

@Colin_Ball

oh sorry for that issue can you try this code

  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);}
}
2 Likes
4

Thanks so much, every other example seemed to have the wrong asset title.

Kind regards, Colin

5

This worked for me too! But the page is too wide now. It almost fills the entire screen. Could you tell me how to adjust the width? Thank you!

1 Like
6

@JaimeJ

can you please share store url so i will check and let you know