Archived topic
Some pages do not stretch across full width of browser window
4 replies · Started by Caro on July 14, 2021
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.
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 :)