Full-Width Elementor Pages

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%;
	}
}