Hi there, I’m trying to get the header and footer of my SiteOrigin corp website to span the full width of the screen rather than just the box-width of the page. I’ve tried all the CSS codes for the Vantage theme that are posted in this forum to no avail. Such as:
/* Vantage Boxed Layout With 100% Width Header and Footer */
body.responsive.layout-boxed #page-wrapper header#masthead .full-container {
margin: 0 auto;
max-width: 1080px !important;
}
body.responsive #page-wrapper {
max-width: 100%;
padding-top: 0;
}
#main-slider {
margin: 0 auto;
max-width: 1080px;
}
#main {
margin: 0 auto;
max-width: 1080px;
}
#colophon {
margin: 0 auto;
max-width: 100%;
}
#colophon #footer-widgets {
margin: 0 auto;
max-width: 1080px;
}
Can you help me with a code for the Corp theme? Thank you very much in advance.
Hi Lbc2,
You can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
#masthead .corp-container, #colophon .corp-container { max-width: none !important; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Thank you Andrew, that worked beautifully! Now, is there a way to expand the body, too? I appreciate the help!
Whoopse, sorry, Alex* Typing too fast to keep up with my brain.
Hi Lbc2,
Don’t worry about it mate! :)
In that case, please replace the previously provided CSS with:
.corp-container { max-width: none !important; }Great. Thank you hugely for the help, Alex!