Thanks for using Mission News!
Sorry for the trouble with this layout. It looks like there is a bug currently affecting the “no sidebar – wide” layout, and I will correct this in the next update.
For now, please add the following CSS to your site:
.layout-no-sidebar-wide #main {
position: static;
width: 100%;
margin: 0;
}
Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.
Once added, the “no sidebar – wide” layout will work so you can use the full page width with Elementor.
This is not working for me. The content goes way beyond the end the viewport. When I remove the “margin : 0” the left side is at the edge of the “layout-container” but the right side goes beyond the viewport. What container is this in? I would like the width to be equal to the layout-container.
Am I missing something?
Love the theme, by the way.
@bensibley
I missed the e-mail notice for your reply (but got the notice for the reply by @spedadvocate) so I didn’t see this until today. Sorry.
After trying lots of combinations, I found that “Default Template” and “No sidebar – Wide” is the combination that works. I don’t know if that’s a result of you fixing a bug or me just stumbling on the right combination of settings.
Either way, it’s all good now (if I can remember the right settings–which I never can). 😛 Thanks. Even though I didn’t see it, I appreciate the prompt and helpful response.
(And you’re on my list of “upgrade to pro” once I start making money from the site.)
@blazemiskulin Awesome! Glad it’s working for you now 🙂
@spedadvocate Please try this updated CSS instead:
.layout-no-sidebar-wide #main {
position: static;
width: 100%;
margin: 0;
}
@media all and (min-width: 50em) {
.layout-no-sidebar-wide .loop-container, .layout-no-sidebar-wide .archive-header, .layout-no-sidebar-wide .widget-area-above-main {
position: static;
width: 100%;
}
}
