Mobile Dropdown Conversion

Drop-down menus powered by scripts like Suckerfish, Superfish, and the like have been widely adopted across the web. While effective in larger hover-enabled and mouse-driven formats, they prove problematic within the limited real estate of a mobile viewport.

Intended for responsive retrofits, this stylesheet will grab that cumbersome dropdown menu and position it atop the viewport in an unobtrusive and usable way.

Overview

  • Targets unordered list drop-down menus
  • Powered by CSS media queries and a little jQuery
  • Single base color for easy color adjustment
  • Works two levels deep
  • Integrates nicely with Superfish drop-downs
Mobile Dropdown Screenshot
View Demo Download from Github

The Mobile Dropdown Conversion was created by Matt Everson of Astuteo – that’s me – and it’s entirely free for you to download and use, modify for your own applications, or otherwise make millions off of. That said, my office is directly above a pub, so should you find yourself so overwhelmed with gratitude that you can’t help but buy me a cold beer, there’s no doubt the gesture will be accepted; prefaced with a brief but heartfelt toast to your own personal and professional success. Either way, enjoy.