My blog doesn’t have a sticky footer and I want one. When my content isn’t long enough the footer likes to come up from the bottom of the browser. Not cool. Ryan Fiat’s CSS Sticky footer is a simple and effect way to implement sticky footers on your WordPress blog. Googling “sticky footer” I noticed though that there’s a new method being used to implement a sticky footer without the use of an empty ‘push’ div. Great! We will be using the new CSS sticky footer method to implement a footer that stays at the bottom on all browsers.

CSS Sticky Footer WordPress

Implementing a sticky footer can seem a bit tricky, but we’ll clear things up for your in this article. Googling the topic brings up a gazillion listings of creative ways people are making footers stick to the bottom of the browser. Some are better than others, but I’ve found that using Steve Hatcher’s CSS Sticky Footer (a very similar sticky footer to Ryan Fiat’s). Kinda an off topic note, but I also noticed that his site CSS Sticky Footer has been higher ranked than Ryan’s… does that mean his method is better? Hmm, well… no empty ‘push’ div makes me think so. Ok, Let’s get started!

Devin Walker is a San Diego-based WordPress Developer and enthusiast. He is the author of several popular and highly-rated WordPress themes and plugins. In his free time he enjoys playing Golf and traveling.

Follow
Devin

Is your WordPress Running Slow?

Milliseconds are money. Website speed is extremely important. We highly recommend WP Engine. Why? Because they make a sluggish WP site fast, support is great and they have excellent uptime.

WP Engine Logo