Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Full-width header (logo + menu) with SiteOrigin Corp theme
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.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi 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!
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.