Home>Support>Appearance > Theme Settings > Layout –> Ful Width Not working

Appearance > Theme Settings > Layout –> Ful Width Not working

By Mitch Lases, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi,

I would like to set my site as a full width page, but it only seems to change my background color around the boxed version, instead of spreading all the content over the width of the screen.

Is there a solution for this?

I already tried this in my Custom CSS:
/* Vantage Full Width Layout – Adjust Site Width */

body.responsive.layout-full #page-wrapper .full-container {
max-width: 1366px;
}

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, 6 months ago Mitch Lases

    http://www.eathealthy.nl/

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

    Hi Mitch

    Once you’ve set your layout bound to full width, try the following under Appearance > Custom CSS:

    body.responsive.layout-full #page-wrapper header#masthead .full-container {
max-width: 100%;
}
  3. 9 years, 6 months ago Mitch Lases

    It’s still not working..

    /* Vantage Full Width Layout – Adjust Site Width */

    body.responsive.layout-full #page-wrapper header#masthead .full-container {
    max-width: 100%;
    }

    Could there be another reason why it isnt working?

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

    Looks like you didn’t have responsive layout on. The CSS snippet was assuming you did. Give this a try rather:

    /* Vantage Full Width Layout - Adjust Site Width */

 .full-container {
max-width: 100% !important;
}

    Adjust the 100% figure as required. Can make it a px value too.

  5. 9 years, 6 months ago Mitch Lases

    Perfect, thanks a lot!

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

    For sure :)

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