As more diverse devices embrace touch as a primary input method, it may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes?
Here are the demos:
- Split Screen Navigation
- Multi-Level Bottom Navigation
- Variation: Split Screen Navigation with a background
- Variation: Single Row
I did some work with Luke on these and would like to make a couple of points from an implementation standpoint.
One thing I couldn’t get around in the demos was the fact that I had to set
Sub Navigation on Multi-Level
Unless I’m missing something obvious, I couldn’t seem to get the absolutely positioned
var $subnav_height = $('.active-subnav').height(); $('.active-subnav').css('top', -$subnav_height);