AdaptiveTheme with a Sticky Footer and Skinr Styles

kendall.totten's picture

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

Comments

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.

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.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre>
  • Lines and paragraphs break automatically.

More information about formatting options

Switchback Caravan logo

Caravan is a powerful and full-featured membership management system, designed specifically for membership- driven organizations.

Caravan Member Managment

Switchback Trailhead logo

Trailhead is a Drupal-based system, built with the features smaller businesses need, bundled together into a ready-to-launch package.

Trailhead CMS Packages

On the Trail Blog