Need help adjusting page width in Dawn 2.0

Store Design
1

Hi!

This may be a stupid question, but I have searched high and low and can’t find an answer. I’m running Dawn 2.0 on my site (still setting everything up), and I noticed the page width for pages I add is pretty narrow. Thanks to the helpful people on this forum, I did find how to set it to wide, but that’s a little TOO wide. I changed this:

.page-width–narrow

to

.page-width–wide

Anyway, I know where to make the change on my site, I just am wondering what the options are. I tried changing the pixels, but that didn’t do anything, so I’m a bit stuck.

Thanks in advance!

2

Hi @Arkali ,

Dawn theme currently supports class ‘page-width’, it is more standard size ‘page-width–narrow’.

With max-width is 160rem. Refer https://dawn-theme-default.myshopify.com/

You can try it.

Hope it helps!

1 Like
3

That was perfect, thank you. For anyone else trying to change this, you want to go to Assets > Base.css, then look for a piece of code that looks like this:

@media screen and (min-width: 990px) {
.page-width–narrow {
max-width: 72.6rem;
padding: 0;
}

I changed my max width to 120rem and padding to 20. I don’t think wide or narrow really matters when you start playing with the numbers. Anyway, hope this helps someone else. @LitCommerce , thanks for the fix. Much appreciated!

1 Like