[Support request] Setting content / footer / header to 100% width

[Aaron]

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?

[Leo]

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 🙂

[Aaron]

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

[Leo]

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 🙂

[Author]

Posts