Archived topic
Blank space before footer
13 replies · Started by Loïc on October 26, 2021
For some reason, some pages don't end up properly - There is ahuge blank space before the footer and I see no code in the editor. please advise
Hi there,
Just checked the site and not seeing an obvious issue:
https://www.screencast.com/t/O2ouDQpCR
Are you referring to the green box? If so that's because your content is not long enough to fill the content container length.
Maybe and is it possible to adjust this container lenght ? There should be no space between the end of the main content and the footer ....
It's an unusual practice for the separate container layout but you can try this CSS:
.separate-containers.right-sidebar .site-main,
.separate-containers .inside-article {
display: flex;
min-height: 100%;
}
.separate-containers .site-main>:last-child {
margin-bottom: 40px;
}
We might need to target specific conditions when the page length are short.
Or you can consider using the one container layout which would set the length automatically:
https://docs.generatepress.com/article/content-layout/
Hello,
I tried the css, the result is that the blank space is now white .. I would just want that the container fit the content and hit the footer ... Any other solution ? Thanks :)
Hi there,
The site seems to be in maintenance mode now for us to re-check it to get more context on the matter.
Can you temporarily disable maintenance mode so we can check again? Perhaps keep it disabled until the issue is fixed?
Let us know. :D
sorry here is how to get to the staging site
Were you aiming for something like this?
https://share.getcloudapp.com/JrunLY98
If yes, try adding this CSS:
.separate-containers .site-main,
.separate-containers .inside-left-sidebar,
.separate-containers .inside-right-sidebar {
margin: 0;
}
But if you wish to keep the space between the content and the sidebar, use this instead:
.separate-containers .site-main,
.separate-containers .inside-left-sidebar,
.separate-containers .inside-right-sidebar {
margin-top: 0;
margin-bottom:0
}
Hello,
No the issue here is the short pages that end with a lot of space below like o this page:
http://wordpress-678653-2234095.cloudwaysapps.com/apotropaic-objects/
I would like that the main content is reasonably close to the footer.
Thanks
Hi there,
that space is coming from the advert being inserted into the sidebar:
OK ... Will remove it. Is there a problem to put some add block in the sidebar ?
Thanks
There should be no problems adding advert blocks in the sidebar. As long as the advert code is correct it will display correctly.
sound good thankz
You're welcome