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 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!
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.
Exactly what I was looking for, thanks!