Dawn Theme - How to adjust max page width for header & image banners.

Store Design
, ,
1

Just upgrading to Dawn.

I have set max page with in the layout section to 1400px which has adjusted some content (mainly collections/rich text etc).

However when viewed full screen, the header auto sizes full screen, as do the image banners, so it seams the layout width has no affect on these. I assume these sections require some custom code to be added in?

Please could someone help?

Thanks in advance.

2

Hi @wcdes12

To make the header and image banners respect the 1400px max width in the Dawn theme, you’ll need to apply custom CSS to override the default full-width settings for these sections.

  1. Go to Online Store > Themes > Edit code.
  2. In base.css (or your custom CSS file), add the following code:

.header-wrapper, .banner-section {

max-width: 1400px;

margin: 0 auto;

}

This will limit the width of the header and image banners, keeping them aligned with your max page width setting. Adjust as needed.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy