Stick footer in bottom |

You can try:

#site-content { min-height: 100vh; }

But that’s going to shove the footer off the page on pages where you don’t have enough content. If that’s a big deal you can try to “figure out” your footer height and use CSS calc instead. You have 80px of combined top and bottom padding on your footer so you can try:

#site-content { min-height: calc(100vh - 80px); }

That will still shove the footer off the page like the first but obviously less so. Since you don’t have a fixed height you can just play with the 80px if you like.

Hey! that did the trick, though i changed 80px to 220px so its not going off the page. thanks a lot!!!!

Source link