- This topic has 25 replies, 4 voices, and was last updated 1 year, 6 months ago by Leo.
December 9, 2020 at 1:31 pm #1573541Dave
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 …
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 …
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.December 9, 2020 at 3:56 pm #1573635LeoStaffCustomer Support
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.December 9, 2020 at 3:57 pm #1573636Dave
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.December 9, 2020 at 4:00 pm #1573643Dave
Hmm – unfortunately it doesn’t seem to help.
With all plugins disabled, the same issue persists. No full-width on this page …December 9, 2020 at 4:00 pm #1573644LeoStaffCustomer SupportDecember 9, 2020 at 4:01 pm #1573646Dave
Do you mean custom functions in functions.php ? I haven’t added any. I’m not using a child theme either.December 9, 2020 at 4:21 pm #1573655LeoStaffCustomer SupportDecember 9, 2020 at 4:32 pm #1573662Dave
Sure thing – see private info (and thank you!)December 9, 2020 at 4:43 pm #1573670LeoStaffCustomer SupportDecember 9, 2020 at 4:44 pm #1573671LeoStaffCustomer SupportDecember 9, 2020 at 5:40 pm #1573694Dave
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?December 9, 2020 at 5:51 pm #1573702LeoStaffCustomer SupportDecember 9, 2020 at 6:18 pm #1573721Dave
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.December 9, 2020 at 6:24 pm #1573723Dave
Ok – even more weirdness Leo. I created a totally NEW page.
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?December 9, 2020 at 6:29 pm #1573726Dave
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?
- You must be logged in to reply to this topic.