PRO: Layout option to box sidebar + content area but keep headers, footers full width?

Hi there,

PRO theme, Integrity Stack.
Site Layout options
On the full width option, the sidebar appears physically detached from the content area. This orphan effect is not noticeable on a plain background but looks strange when using a background image for the page.
The boxed layout integrates the sidebar and content area but then the menu and slider are also boxed.
Is it possible to integrate the content area and sidebar (boxed layout) but keep the headers and footers full width ?
This would also address the empty vertical spaces between the header + content + footer.
Pls see attached image(s)

1 Like

Hello There,

Thanks for posting in! To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.site > .x-container.max.width {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    padding: 60px;
}

.site .entry-wrap {
    box-shadow: none;
    padding: 0;
}

.site .x-sidebar iframe {
    max-width: 100%;
}

Hope this helps.

Thanks RueNel!

You’re welcome, and I moved your screenshot to a secure note.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.