[Support request] Full Width Content Area not working properly across all pages.

[Dave]

Hi,

I’ve had this working before, but today it seems to be broken for some reason. I’m trying to make full-width content sections in Elementor, but I cannot.

I actually tried to make one just using Gutenberg and one of their patterns, but that doesn’t go full-width either. I’ve chosen full-width from the Content Container selection.

You can see my latest test attempt here …

https://davevondesign.com/test-page/

That red area should be displayed as full width but it isn’t.

The page I’m trying to build out is the homepage here …

https://davevondesign.com/

The green section near the top should be full-width, but won’t stretch across on desktop view.

I’ve selected the full-width content container, then made the section full-width in Elementor.
Have I missed something?

I have barely any custom CSS and nothing that would affect the content container.

[Leo]

Hey Dave,

This is a strange issue for sure.

From the code, it looks like you’ve done everything correctly.

Any chance you can disable all plugins except GP Premium to test if there are any conflicts we aren’t aware of?

I’m not able to replicate this issue from my end with the latest version of GP, GPP and WP.

[Dave]

Thanks for the help Leo.

I did try disabling them one at a time, but that didn’t fix it. I’ll try disabling them ALL at once and see if that helps.

[Dave]

Hmm – unfortunately it doesn’t seem to help.

With all plugins disabled, the same issue persists. No full-width on this page …

https://davevondesign.com/test-page/

[Leo]

Sounds good.

Please disable all custom functions as well and activate the parent theme if you are using a child theme.

[Dave]

Do you mean custom functions in functions.php ? I haven’t added any. I’m not using a child theme either.

[Leo]

Can you keep all plugins disable and provide the dashboard access for me to take a look?

Thanks 🙂

[Dave]

Sure thing – see private info (and thank you!)

[Leo]

Hmm I created a new page here and was able to get it work no problem:
https://davevondesign.com/test-page-leo/

[Leo]

Looks like it’s all working now?
https://davevondesign.com/test-page/

[Dave]

Strange – the page you created IS working, but the one I created is not. Looks fine on mobile but the red is still not edge-to-edge on desktop. I tried an incognito window as well. Same issue in Chrome as Safari.

Also odd is that the page DOES appear full screen in the editor for me, just not the live site. Is it displaying as full-screen for you?

[Leo]

I saw that page displaying full width the last time I checked.

I wonder if it’s an issue with the group block you are using?

[Dave]

Is it still displaying full-width for you now?

I’m going to try another new page with that group (It’s one of 5.6’s new Patterns) and see if it behaves differently.

Thanks for your help with this btw. So weird.

[Dave]

Ok – even more weirdness Leo. I created a totally NEW page.

https://davevondesign.com/test-page-dave/

I select Full Width as container type.

I inserted various standard Gutenberg elements into it.

I open it and …. all content is contained.

?

Can you confirm it displays the same way for you?

[Dave]

I FIGURED SOMETHING OUT!

It seems to be tied to the header layout somehow.

When I turn off “use navigation as header” – everything instantly goes full-width. I don’t really want to do that for design reasons, but why would that be? Did I set something up wrong in the customizer?

[Author]

Posts