Omega

How to create a responsive mobile menu for Omega subtheme

Responsive mobile Menu Demo image

Its been over a year now since I started using responsive web design exclusively on all new websites and Omega Framework has been my base theme of choice. Its truly awesome but Omega, like most popular Drupal base themes doesn't come with drop down or responsive menu out of the box. Some may view this as a shortfall but, I prefer to start with as little base code as possible. In this tutorial I will explain how you can easily create a hard coded responsive drop down menu for Omega subthemes that will turn into a toggle menu on small screens, similar to that one on Facebook mobile. You can see this menu in action if you check out our own main menu above.