How to make the footer stay at the bottom of the page, here is a simple trick

Tips
1

Hi all,

I just wanted to share this little trick with you if you’re looking to make the footer remain at the bottom of the page:

All you need to do is create a group right before your footer, set its min-height to zero (0) and max-height to infinite and make sure “Fit height to content” is unchecked.

That’s it.

EDIT: I forgot to mention, if you want to make sure the group before the footer is not visible during an inspect element you could simply uncheck the “This element is visible on page load” in addition to the step above. Do not check the “Collapse when hidden” box!

I hope this helps! :slight_smile:

1 Like