How can I make certain pages fullscreen on Dawn theme?

[nicnaks]

I would like to make my about page and home page full screen without affecting other pages such as the contact page, please let me know if you have the code for this

[made4Uo]

Hi @nicnaks

You need to create another template for you page, and assign a CSS code to make it full width

[nicnaks]

Hello,

Thank you for your response but really not sure how to do this

[made4Uo]

Hi @nicnaks

1. From you Admin page, go to Online store > Customize
2. Go to your Pages > Create template, see image below

3. Click the Page, and open the Custom CSS, then place the code below

.page-width.page-width--narrow {
    max-width: 100%;
}

4. The theme must be PUBLISH, before you can see the customized page template. Assign this template in your page

• From you Admin page, go to Online store > Pages

• Change the template by changing the theme template. See image below

[nicnaks]

Gave this a go but says there are errors with the code

[made4Uo]

Sorry. I do see the error. Please change the code to the following. Thank you

.rte {
  max-width: 100%;
}

[nicnaks]

Gave this a go but still no luck, page stayed at the same width

[nicnaks]

[nicnaks]

I have managed to resolve this thank you!