Dropdown Menu Conversion for Mobile

Created by Astuteo

Trying to tweak a website for mobile responsiveness, but the main menu is a pesky unordered list dropdown?

With some careful design consideration, jQuery, and the wide array of frameworks available, you could spend your time re-envisioning the site and really design something AMAZING. Or you could just rip the menu out of the page flow, glue it to the top of the viewport, and still have room left over for that annoying search bar. It ain't rocketry, but it works.

The unordered list below represents the site menu. Check out this page on your mobile device (or just resize this window) to see it in action.