Footer at bottom if short content, Footer that scrolls if long content

So on mobile I need a non-sticky footer. But for pages that don’t have a lot of content I need the footer to still be at the bottom of the page.

This post has a great image that describes what I need.

Unfortunately the solution proposed is quite brittle as you need to measure your footer and hope another developer doesn’t change it.

Curious if there’s a way of doing this in Foundation XY Grid?

Try pure flexbox: https://css-tricks.com/couple-takes-sticky-footer/#there-is-flexbox

1 Like