[Resolved] Footer on the loose

[Ashutosh]

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?

[David]

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.

[Author]

Posts