Menu icon Foundation
Footer not sticking to bottom

Didn't realize this for the longest time but the footer isn't staying (sticky) to the bottom. It doesn't do this on the 15" Macbook or the 20" in Desktop I work on but I've noticed that on monitors larger than that the footer floats up while the background remains to the bottom corners. The site in question is at www.adaptivedesigner.com/smp

Any clues as to why this is doing this?

sticky footerfooter

Didn't realize this for the longest time but the footer isn't staying (sticky) to the bottom. It doesn't do this on the 15" Macbook or the 20" in Desktop I work on but I've noticed that on monitors larger than that the footer floats up while the background remains to the bottom corners. The site in question is at www.adaptivedesigner.com/smp

Any clues as to why this is doing this?

This post has been closed. No new replies can be added.

Ben Siegfried over 4 years ago

Sticky footer help?

Robben over 4 years ago

This javascript one works, but you may see it jump to the bottom on slower loading / systems.
And AFAIK doesn't work on Opera.

Also, it selects the footer by < footer > tag, so you can only use the tag once (or it may select the first / last one only). But that may be an easy mod to the .js

https://github.com/coreysyms/foundationStickyFooter

Rafi Benkual over 4 years ago

I posted a bunch here that were made with Foundation http://foundation.zurb.com/forum/posts/629-sticky-footer