Home>Support>Page Layout

Page Layout

By Alex, 9 years ago. Last reply by Daniel, 9 years ago.

Hi,

I am trying to get a page layout such that the header and menu bar are full screen, with the rest of the page being boxed layout.

This is what I am trying to replicate.
http://www.vintageinn.co.uk/

Many thanks
Alex

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, 7 months ago Daniel
    Hi, I Work Here

    Hi Alex,

    Try the following Custom CSS:

    body.responsive.layout-boxed #page-wrapper header#masthead .full-container {
margin: 0 auto;
max-width: 1080px !important;
}

body.responsive #page-wrapper {
max-width: 100%;
}

#main-slider {
margin: 0 auto;  
max-width: 1080px;
}

#main { 
margin: 0 auto;  
max-width: 1080px;
}

#colophon {
margin: 0 auto;  
max-width: 1080px;
}

    Cheers!

  2. 9 years, 7 months ago Alex

    Hi, thank you very much. Almost solved the problem. How do I make the menu bar as wide as the main box?

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Alex,

    First of all I apologize for the delayed response.

    Would you mind elaborating what you mean by the main box?

    Kindly let me know so that I can jump right to it.

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