Dead space below footer when there isn’t a lot of content on my page/post
-
Hi, I’m having a very frustrating issue with my website spacing. When there isn’t a lot of content on a page or post, the footer sits up really high and there’s a ton of dead space below it.
I’ve tried classic fixes like using custom CSS to set 100vh, but that doesn’t work. Here’s the current custom code I’m trying (that DOES NOT WORK):
html, body { margin: 0 !important; padding: 0 !important; min-height: 100vh !important; display: flex !important; flex-direction: column !important; } #page, .site-content { flex-grow: 1 !important; } .site-footer { margin-top: 0 !important; }
The blog I need help with is: (visible only to logged in users)
-
The first screenshot didn’t do the issue justice, since the dead space just blends in with the forum background, so I took a second one. You can clearly see the dead space here.

-
Thank you for sharing this information and these screenshots with us!
To start, I wanted to mention that our support is limited for third-party themes, and you can learn more about our scope of support here: https://wordpress.com/support/plugins/get-help-with-plugins-and-themes/.
That being said, you can learn more about how to adjust spacing between blocks in this support guide: https://wordpress.com/support/wordpress-editor/adjust-the-space-between-blocks/.
We also have block dimension settings, which allow you to use negative numbers for the margins, if you’d like. We have more information on these settings here: https://wordpress.com/support/wordpress-editor/block-dimensions-settings/.
- The topic ‘Dead space below footer when there isn’t a lot of content on my page/post’ is closed to new replies.