Full Width header

[johnrooney]

Hi,

I’m looking to have the header and footer full width, but the content area boxed, can you advise how I would achieve this?

[friech]

Hi There,

Thank you for writing in, please navigate to Theme Options > Layout and Design and set the Site Layout to Fullwidth, because setting it as a boxed will make it tricky to make the header & footer fullwidth.

Then add this on Theme Options > CSS

body .x-main {
    max-width: 88%;
    margin: 0 auto;
}

This will make your content area look like in a box layout but keep the header/footer fullwidth. Feel free to adjust the max-width value.

Cheers!