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

Store Design
1

I added a page and it looks like the default is a narrow page width. I would like to change this to 70% width. Where can I make this edit?

2

in page.liquid change

 
to
2 Likes
3

This didn’t work. I still have a narrow page width. Any other ideas?

mjk68_0-1637892711978.png
mjk68_0-1637892711978.png437Ă—108 6.72 KB

4

make sure you are on the right page it should say something like page.liquid not main-page or whatever else dawn has

5

mjk68_0-1638456173610.png
mjk68_0-1638456173610.png617Ă—335 18 KB

mjk68_1-1638456248498.png
mjk68_1-1638456248498.png1835Ă—809 62.6 KB

See screen shots, page width is still narrow.

6

i have no idea why but some reason dawn default for pages is actually main-page.liquid … sorry about that i dont really use dawn much

3 Likes
7

Thank you!!!

8

Super useful info! Thank you

9

Are there other options besides narrow and wide? “medium” maybe?

10

I’m not sure i haven’t messed around with dawn but most likely some type of grid css system setup

11

Thanks mate this worked!

12

Hello, I am having this problem but now in the most recent version of Dawn, there is no main-page.liquid file. Can you tell me which file I need to update now? I can’t seem to find the code when doing a search. Thank you!

13

I solved it. Nevermind : )

14

Thanks :slightly_smiling_face:

15

The page width is defined like this in the liquid files:

page-width--xxxxxxx

If you are changing the width of pages, you probably also want to change other parts of the Dawn theme, like blog posts, etc…

For blog posts, and possibly others, edit these files and change

page-width--narrow --> page-width--wide

Affected filed:

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

There might be more places in the many liquid files that need changing!