Home>Support>full width masthead and menu

full width masthead and menu

By Andreas Michael, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I’d like to know if it is possible to have the masthead and menu bar run full screen width while maintaining the boxed layout for the body content of a page. This would be a universal design element of the site – not specific to an individual page

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Andreas

    Thanks for reaching out. Please try the following at Appearance > Custom CSS:

    /* Vantage Boxed Layout - 100% Width Header */

body.responsive #page-wrapper {
max-width: none;
padding-top: 0;
}

header#masthead .full-container, #main-slider, #main, #colophon {
box-sizing: border-box;
margin: 0 auto;
max-width: 1080px;
}

    Layout must be set to Boxed and Responsive Layout must be enabled.

    Hope that helps.

  2. 9 years, 2 months ago Andreas Michael

    Hi Andrew,

    Thanks for your assistance.

    Did as you asked and no visible change. Interesting though – an error message (red circle with an x in it) appeared in the Custom CSS area when I did paste it in. The message reads ‘Expected COLON at line 6, col 5.’ Not sure what to do now.

  3. 9 years, 2 months ago Andreas Michael

    I deleted the string that I pasted in and now the error message reads ‘Expected RBRACE at line 2, col 17. Doesn’t seem to effect the site in any way but the message is persistent and I have no idea how to get rid of it

  4. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Mmm it sounds like you could be missing the end of the Custom CSS I sent. Please could you check here, not via email and make sure that the entire snippet has been copied. Thanks.

  5. 9 years, 2 months ago Andreas Michael

    Hi Andrew,

    As you suggested I did miss the RBRACE at the end of the string when I pasted it in. Also accidently deleted one from the previous string when I deleted the masthead custom css. Fixed that and recopied your masthead string in and all good now. Much appreciated

    Thanks

  6. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Awesome :)

    Glad to hear that did the trick.

    All the best.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More