We are in the process of updating Mobile (a WordPress plugin for applying a custom theme to mobile devices) and we were discussing how to go about displaying menus. Currently Mobile registers a new menu and uses Javascript to add a “drop-down” to the front end.
Let’s face it. Navigating on mobile devices can sometimes be such a hassle. Small buttons and big fingers simply do not mix.
Thankfully the HTML select tag is widely used as an easy way to provide a navigation for mobile devices, specifically the iPhone. While this is beneficial, how are we supposed to use this tag while still using the default WordPress menu system?
Quite easily actually, but be warned that this tutorial is quire lengthy and descriptive.