Archived topic
Setting content / footer / header to 100% width
3 replies · Started by Aaron on July 2, 2019
Hi,
So I had this working perfectly with the "Pixel" template, however I imported the "Classic" template and it's stopp working.
I am unable to get the content, footer or header to full width even though my settings are as follows:
I also have the containers inside Elementor set to Full Width as you can see:
I can't use the Stretch Element JS override that Elementor has available because that causes a weird resize flash on the pages with lots of content.
I can see that the #page ID is set to 100%, overriding the 1100px .grid-container CSS on the same div element, however the parent div element is still set to 1100px instead of 100% and this is coming from the generate-style-inline-css "stylesheet".
As far as I can tell it's a mistake/error with the classic template?
Any ideas?
Hi there,
Do you have anything added in Hooks? The <div> indicated here isn't in GP by default:
https://www.screencast.com/t/QuD7v08FvtE
Let me know :)
Hi @Leo,
I couldn't find Hooks in the menu so I disabled it in Appearance > GeneratePress but now the hooks option has vanished completely:
However that has seemed to fix the issue, I do however want to re-enable and simply remove whatever is in the hook.
I take it you guys have a hook being imported with the "Classic" layout?
Thanks
That was not added with Classic.
Head to Appearance > Elements then you should see Legacy Hooks at the top left of the screen.
Let me know :)
