Home>Support>full width masthead and menu

full width masthead and menu

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 10 years, 6 days 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. 10 years, 6 days 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. 10 years, 6 days 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. 10 years, 6 days 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. 10 years, 6 days 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. 10 years, 6 days 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