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.

Page Layout

10 years ago · Last reply by Daniel 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Daniel Staff 10 years, 11 months ago

    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. Alex 10 years, 11 months ago

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

  3. Daniel Staff 10 years, 11 months ago

    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.

Have a different question or issue?

Start New Thread