Menu Block Mobile

After reading through the great http://ivanchaquea.com/creating-responsive-menu-omega-subthemes.html article, I generalized that article's code so that any normal Menu Block can instantly be made into an expandable menu. Expandable menus can be a huge step in the right direction for making a site mobile because it people to easily drill down on a touchscreen to the page they want.

To use, you simply enable menu_block_mobile on your site that has a menu block. Grab the CSS ID of the menu block you want to turn into an expandable menu. Go to

For preventing other pages on the site from loading a few lines of conditionals that my javascript file runs, you could use something such as the Context Assets module to only load the menu_block_mobile.js on the pages that your menu block is on.

For added benefit, you may want to 1) clone your current menu block, 2) apply mobile_block_mobile to the clone, and 3) have the cloned menu blocks (aka. the expandable menus) show up in the mobile viewports and have the normal menu blocks disappear. Omega has mediaquery tools to help with this, but it can also be written directly.