AdaptiveTheme with a Sticky Footer and Skinr Styles

Submitted by kendall.totten on 5 October, 2010 - 12:22

As far as starter themes go, the AdaptiveTheme is both flexible, robust, and has dozens of options within the admin interface for changing the layout and other site features. It also comes Skinr-ready.

However, it was lacking one minor feature, which is usually desirable in most designs. The sticky footer.

Referencing cssstickyfooter.com, I integrated their method of sticking the footer to the bottom of the browser window when the content is minimal, but once the content starts expanding the footer is pushed downward. This sticky footer solution works in all major browsers, including Google Chrome and IE 8. It works with floated 2-column layouts and we don't get overlap in resized browser windows.

I've seen several requests in forums for these two outstanding solutions to be brought together, so without further ado, I give you the AdaptiveTheme subtheme: StickyFeet!

As a bonus, I've also included some handy Skinr styles to get you started.

Integration

To use this subtheme, download AdaptiveTheme and place it in your sites/all/themes folder in your drupal installation:

www.yoursite.com/htdocs/sites/all/themes

so that it contains these folders:

adaptivetheme
adaptivetheme_stickyfeet

Then go to your themes page:

www.yoursite.com/admin/build/themes

and enable both the main AdaptiveTheme and the AT StickyFeet subtheme, and set Stickyfeet to default. Don't forget to take advantage of all the setting options for this theme! After enabling AT Sticky Feet, go to:

www.yoursite.com/admin/build/themes/settings/adaptivetheme_stickyfeet

and click on "Advanced Theme Settings". Enjoy!

Stickyfeet Subtheme distributed under the CC Attribution-Share Alike 3.0 Unported License.
Download the AdaptiveTheme subtheme: StickyFeet

kendall.totten's blog

Comments

Submitted by Anonymous (not verified) on 6 October, 2010 - 02:40.

Generally it is best not to put your custom code in the directory of another theme/module because when that theme/module is updated your code could be lost.
Especially when using drush to do updates.

It would be best if adaptivetheme_stickyfeet was placed at
www.yoursite.com/sites/all/themes

Thanks for the theme though, the sticky footer is pretty much a necessity these days.

Submitted by Anonymous (not verified) on 19 December, 2010 - 06:12.

Hi everybody,

I've been looking for a way to stick that damn footer to the bottom of the page for a while now. (Indeed, it would be awsome if it were an option in Drupal itself).
I tried the StickyFeet style on a fresh drupal installation, but it just won't work. As I am changing blocks and making new content, it appears to stay at the bottom and even take the whole width of the page (which is awsome) but when I go and look at the actual page, it jumps up and doesn't take the whole width of the page anymore.

Anyhow, if someone knows how to fix this, it would make my day.

I looove Drupal, but sometimes it just gets to you.

Thanks in advance.