Archived topic
Footer on the loose
1 reply · Started by Ashutosh on November 30, 2022
Viewing posts 1–2 of 2
Hello,
The footer "jumps" up when the content area of a page is small or empty, leaving empty space beneath it. I understand why this happens, but is there a way to keep the footer at the bottom of the screen in such cases?
Hi there,
one method is to use this CSS:
#page {
min-height: calc(100vh - 60px - 58px);
}The math there is 100% of the viewport height - height of the header/nav - height of the footer.
This archived topic is closed to new replies.
