That display is correct. The content in the “wide” layouts always fill 2/3 of the available space whether there is a sidebar or not (the other 1/3).
If you want the content in pages with “No sidebar – wide” layout to expand to fill the entire width, you can add the following CSS to your site:
.page.layout-no-sidebar-wide .loop-container {
left: -57%;
width: 213%;
}
.page.layout-no-sidebar-wide .featured-image {
left: 0 !important;
width: 100% !important;
}
Thread Starter
klmnt
(@klmnt)
I would’ve preferred real full width option as this current “No sidebars-wide” layout creates some width discrepancies as you can see on the screenshot – Ad is narrower than f.image then narrower content.
Given a choice I personally would never choose this option as it breaks the structure, and it is content that gives structure to border-less designs as well the newspaper feel I believe Mission-news is after.
It’d nice if you could add a real full width option in the some of the future updates.
Thanks for the code and have a great weekend.
Thanks for the feedback on that. I can include another layout for a complete full width display in an upcoming update.
Thread Starter
klmnt
(@klmnt)
I’d really appreciate that.
BTW the code worked for the content but the Ad(before article) remained undersized and I couldn’t find the proper way to target it in the CSS.
Please update to this snippet instead to widen the widget area before the article too:
@media all and (min-width: 50em) {
.page.layout-no-sidebar-wide .loop-container,
.page.layout-no-sidebar-wide .widget-area-above-main {
left: -57%;
width: 213%;
}
.page.layout-no-sidebar-wide .featured-image {
left: 0 !important;
width: 100% !important;
}
}
It’s also wrapped in a media query so this won’t have any effect on mobile devices.
