DEBUT THEME - Full width pages

[jimTim]

I want to make page full width, without spaces in left and right corners.

[OTM · Accepted solution]

Hi, @jimTim ,

This is Evita from On The Map.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.page-width {
    padding-left: 0!important;
    padding-right: 0!important;
    max-width: 100%!important;
}

Best, Evita

[Bruny]

Hi,

how do I do it for one page only? To have a certain page full width, but the rest of the theme stays the same.

I have created the copy of page liquid and how to change the code to make it full width?

Thx

[madari21]

Hi,

how do I do it for one page only? To have a certain page full width, but the rest of the theme stays the same.

[Vnsa]

Hi Evita - thanks for that tip - I've used it to update our pages 🙂

One question (for debut theme) is it has also stretched the footer - any suggestions how to adjust the footer?

www.dynamicreasoning.co.uk

Thanks!

[Trappist]

So this is the same as the accepted answer just add a 2 after it: .page-width2

.page-width2 {
    padding-left: 0!important;
    padding-right: 0!important;
    max-width: 100%!important;
}

 and then go to the custom one you created so if its called Custom go to: page.Custom.liquid

<div class="page-width2">

So also just put a 2 after it.

[NLD]

I am trying this method, however the FAQ page I made did not generate a page.faq.liquid file.

What should I do?