When you don’t have enough content on your magento cms page or shopping cart to push the footer to the bottom of the page, then you need a sticky footer that will “stick” to the bottom of the browser window. One of the ways to achieve that is by modifying your column.phtml page. In this example I’ll work with 1column.phtml but you will have to do the same with 2columns-left.phtml, 2columns-right.phtml and 3columns.phtml.

The idea is to wrap everything inside the body but the footer and add a pusher with the same height as the footer. To translate into code, this will look like:

And as per the CSS / LESS it will look like this:

Here is the final result. Enjoy it!