Mobile Dropdown Conversion
Dropdown menus powered by Suckerfish, Superfish, and the like have been widely adopted across the web. While effective in larger hover-enabled & 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 dropdowns
- Powered by CSS media queries and a little jQuery
- Single base color for easy color adjustment
- Works two levels deep
- Integrates nicely with Superfish dropdowns
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.