How to Build a Mobile-friendly Theme with Adaptive Theme

The Omega theme seems to be the most popular base theme to use when building a responsive Drupal 7 theme. I started reading the documentation and after several pages, I grew weary. I was looking for a quick way to build a mobile-friendly theme for a volunteer project for my brother’s construction business. So I turned to Sky and Adaptive Theme. (
I like the Sky theme for several reasons. It looks great out of the box and is mobile ready. Choose your color scheme and voila! It looks great in all of the different mobile widths. I prefer version 2.x since it shows the wide menu buttons for touch displays by default. The newer 3.x version hides the wide menu buttons by default and you need to click on a menu icon to see the menu items. This is rapidly becoming standard for mobile designs. Many users will be familiar with this way of displaying menus from using web apps.
Be sure to download and install the Adpative theme first. ( This is the parent theme for Sky. Follow the directions to effectively sub-theme Sky and create your own custom mobile-friendly theme.

Use the subtheme called footheme to make a sub-theme using one of Adaptive Themes. Due to the complexity of sub-theming these colorable themes they built this easy to configure starter theme which can get you up and sub-theming very quickly. (
More details to come.
If you are interested in Drupal Training classes, contact Katy [at]