0

On some of the pages of the website I am creating, due to lack of content, the footer does not stick to the bottom and there's an unwanted white space below it. Googling the issue, I've found different solutions like this one. So I figured min-height: 100vh is the ultimate solution. The problem is when I use that property for the main page container, it adds white space below the content to get the footer stick to the bottom which is again undesirable:

It seems to me that it just place the white space elsewhere (in the middle of the page instead of at the bottom of the page). Is there a neater solution for keeping the footer at the bottom?

Gigili
  • 600
  • 1
  • 7
  • 19

1 Answers1

1

I think you need to following to your footer...

#bottom-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Thanks

Prashant Mehta
  • 77
  • 6