🕸Fergus Duniho wrote on Wed, Mar 20, 2013 02:47 AM UTC:
It turns out that the @media query is an unreliable way to determine the
size of a tablet screen. So I have switched to relying only on the user
agent to determine which type of menu to use. It will use the vertical
collapsible menu only if the user agent contains iPhone, Android, or Touch.
Some of the browsers I use on my Android tablet let you change the user
agent. You can switch between the two types of menu by switching between
Android and Desktop user agents. Firefox on Android lets you request a
desktop version. Over on the iPad, the default browser doesn't let you
change the user agent, though other browsers may. The iPad will use the
menu bar. For some reason I haven't figured out, the vertical collapsible
menu does not work on the iPad, though the menu bar does. Both types of
menu work on Android.