The current behavior is that the footer touches the bottom of the content and not the bottom of the page. So when a user goes to a page where the content is short, the footer jumps up to reveal empty white space.
For example this is on the contact page on heights of 1064px and higher:
If the current behavior is a bug, please provide the steps to reproduce.
What is the expected behavior?
The expected behavior is that the footer should be touching the bottom of the screen no matter the size of the content or the resolution of the screen.
(Note this is a zoomed out picture)
Other relevant information:
This happens on every browser.
ghost
commented
2 years ago
Bug report
What is the current behavior?
The current behavior is that the footer touches the bottom of the content and not the bottom of the page. So when a user goes to a page where the content is short, the footer jumps up to reveal empty white space.
For example this is on the contact page on heights of 1064px and higher:
If the current behavior is a bug, please provide the steps to reproduce.
Or
Or
Only open a page to induce a 404 https://gatsby-starter-netlify-cms-ci.netlify.app/test
What is the expected behavior? The expected behavior is that the footer should be touching the bottom of the screen no matter the size of the content or the resolution of the screen.
(Note this is a zoomed out picture)
Other relevant information: This happens on every browser.
Helpful Resources ModernCSS - Keep the Footer at the Bottom with Flexbox vs. Grid