Dawn Theme page size

Ask & Offer
1

I have the main setting set to 1400, unfortunately this does not seem to be translating to the individual pages etc which are showing up much narrower.

How do I change the individual pages to match the home page width

2

Hey @Ellenarosemary,

Could you please share your store URL and password (if applicable) so that I can take a look and provide you the solution code?

Looking forward to hearing back from you.

Best,

Daniel

3

Www.choicefruits.co.nz

4

Hi @Ellenarosemary,

Please go to Actions > Edit code > sections > main-page.liquid file, find ‘.page-width‘ and remove code:

Screenshot
Screenshot1772×872 304 KB

If I helped you, then a Like would be truly appreciated.

Best,
NamPhan

5

It worked, but too well everything was right up against the edges of the left and right side of the screen. I need the width to be 1400 which is the same as the Home Screen.

6

Hi @Ellenarosemary,

Can you change it and send me the preview link? I will check it

7

Hi @namphan

I think 70% for max-width do not work well on wide screens as it gets too wide.

@Ellenarosemary

For individual pages, Dawn them have, a CSS class
page-width--narrow which in base.css file , in asset folder, have value
max-width: 72.6rem; so almost 800px. You can value there to 1100px maybe but also, you can remove that class completely, so like you want, that page will be full width that you set in settings. For that open sections/main-page.liquid and remove
page-width--narrow class.

Note that class is set for a reason, it is harder to read one long line then 3 shorter.

8

Hi @Laza_Binaery,

You can read the tutorial first. Ellenarosemary wants to increase the width to default, so I suggest Ellenarosemary remove this code, that is, remove the 70% width code, not the set.

@Ellenarosemary

Can you share the preview link with the code removed? I will check it.

1 Like