I have recently developed some static websites based on GatsbyJS which have a sticky footer. A sticky footer is always positioned on the bottom of ...
For further actions, you may consider blocking this person and/or reporting abuse
Even better position: sticky
Have you read this? philipwalton.github.io/solved-by-f...
The idea is not fixing the footer, or making it sticky, but to make sure the footer is on the bottom of the viewport even though the entire page is smaller, and of course just have it run it's natural course when the page is larger than the viewport
thanks, this is helpful
Genius!
This is so simple and works a treat.
Thank you SO much! I've been trying everything to get the sticky footer to work on gatsby!
Thank you so much for taking the time to share this with us. You saved me a lot of time. Thanks again!
Thanks for sharing, Michael! While I'm using Next.js and not Gatsby, I had basically the same problem and this led me to the solution. Thanks again.
Great! You just saved me quiete some time, thank you!
Yeah with flexbox and CSS grid you can't use position: fixed;
You use position: sticky;