This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Full-width header (logo + menu) with SiteOrigin Corp theme

Resolved 5 replies customizationthemetheme-corp
lbc2
7 years ago · Last reply by lbc2 7 years ago

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

5
  1. Alex S Staff 7 years, 5 months ago

    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.

  2. lbc2 7 years, 5 months ago

    Thank you Andrew, that worked beautifully! Now, is there a way to expand the body, too? I appreciate the help!

  3. lbc2 7 years, 5 months ago

    Whoopse, sorry, Alex* Typing too fast to keep up with my brain.

  4. Alex S Staff 7 years, 5 months ago

    Hi Lbc2,

    Don’t worry about it mate! :)

    In that case, please replace the previously provided CSS with:

    .corp-container {
	max-width: none !important;
}
  5. lbc2 7 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread