Home>Support>Full width layout not working on any page

Full width layout not working on any page

By deissenb, 6 years ago. Last reply by deissenb, 6 years ago.

I added the full-width layout from the vantage theme to almost all of my pages but it’s not working on any of them.
When inspecting the page elements, it’s showing the full-container class going over the whole screen, but next is the content-area class and then the entry-content class, both only filling a small amount of the page. What am I doing wrong??

<div class="full-container">
<div id="primary" class="content-area">
    <div id="content" class="entry-content" role="main" style="margin-top:30px">
                    <div class="row">
              <em>  ......
                my page content..
                ...</em>
            </div><!-- row -->
        </div><!-- entry content -->
    </div><!-- content area -->  
</div>

this format is on all of my pages and I don’t understand why the content area and everything below is only on that small part of the page..

Thanks for your help!

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

  1. 6 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Deissenb,

    You can remove the content container with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following CSS:

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

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  2. 6 years, 2 months ago deissenb

    Exactly what I was looking for, thanks!

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