Site logo

Archived topic

Some pages do not stretch across full width of browser window

4 replies · Started by Caro on July 14, 2021

Viewing posts 1–5 of 5

Hello team! Some pages of my site do not stretch the full width of the browser window.

I have container width set at 1024px. The header and footer widths are full. Yet the header and footer aren't stretching across the full width of the browser window.

Some pages work fine —

http://dev.eventologists.co.uk/the-latest-at-eventologists-blog-uk-event-specialists/ and

http://dev.eventologists.co.uk/themed-events/

But others don't work in the same way — even though the settings look to be the same!!

http://dev.eventologists.co.uk/event-management-services/

http://dev.eventologists.co.uk/

https://www.screencast.com/t/6S148QEu

Please help! I've worked so hard on this site — feeling really disheartened at the mo. What can I do to fix it? Thank you! :)

Hi Caro,

Not sure if I fully understand.

If you want to create any full width content in your pages/posts, make sure to use the full width content container option:
https://docs.generatepress.com/article/content-container/#full-width

Then set GB's container to contained in sections like this:
https://www.screencast.com/t/Vq9fL1Ykj
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-standalone-block

I also noticed in one of the pages, you are using the Columns block from WordPress core. Make sure to use the Grid block from GB instead to have full control over the columns:
https://docs.generateblocks.com/article/grid-overview/

Let me know if this helps :)

Hiya — not sure I articulated myself very well — sorry.

Some elements of my pages dont stretch the full width of the browser window, even though I've set them to full width.

I've just created a test page, to see if I can build the homepage again from scratch, but the same thing is occurring. I think the issue is the video. I have put it in a full width container, but it still goes past the header and footer and causes a gap at the right hand side. They're not flush.

http://dev.eventologists.co.uk/test-page-2

https://www.screencast.com/t/5yVXPLW2U

Oh WOW! I think I've fixed it! I hadn't got the Menu Plus and Secondary Nav options activated. I've activated them and it seems to have solved the issue!!!

Glad to hear :)

This archived topic is closed to new replies.