Archived topic
Margin on homepage with full width container
5 replies · Started by Jens on April 28, 2022
On the homepage of the website i'm using 4 full width containers.
Everything is looking good except for the scrollbar at the bottom.
I don't know why there is suddenly a margin on the right.
Hi Jens,
May we also know the link to the site in question and the link to the login page if necessary?
Hope to hear from you soon. :)
Of course 🤦♂️
I can’t seem to locate the specific element in the Front page which has an unnecessary right margin. There’s also no scrollbar at the bottom on my end.
I tried viewing the page logged-in and logged-out, and I also tried on different browsers, and no scrollbar existed for all scenarios.
Is there a specific page we need to look at? If the issue on your end is in the Front Page, can you try clearing your browser's cache or using a different browser as well?
Perhaps you can take a screenshot of the issue?: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Hope to hear from you soon. :)
I've tried 3 browsers, normal and incognito mode. Clearing cache but the issue stays.
The issue is only visible on the homepage (only page with full width containers).
Hi there,
the Align Full options in the block toolbar use CSS for Force a block to fill the width of the viewport. The unfortunate consequences of that is it can lead to overflow as some operating systems choose to include the Scrollbar inside the viewport.
To stop that from happening i would recommend:
1. DO NOT use those options.
2. Set the Content Container to Full Width:
https://docs.generatepress.com/article/content-container/
3. Build out the page with Container Blocks ( as you have ) and they will automatically be full width.
