Make second tier of main menu visible on wide touch devices

[jonraedeke]

The switch from menu button to horizontal menu with hover drop-downs occurs at 44em(704px). Many touch devices are wider. They can't hover to see second level.

Options

• Show the drop-down on touch briefly before going to destination to give users a chance to tap on another item
• Show drop-down on first tap and require another tap to go to location
• Use modernizr to test for touch and use the menu button for all touch users

[timwood]

@jonraedeke Any interest in working on this?

[jonraedeke]

Yep, still working on this one. Thanks for checking.

Sent from my iPhone

On Apr 12, 2015, at 12:32 PM, Tim Wood notifications@github.com wrote:

@jonraedeke Any interest in working on this?

— Reply to this email directly or view it on GitHub.

[jonraedeke]

Here's the solution I came up with: Detect touch events with Modernizr and repurpose the mobile menu for touch devices. Committed the styling and Modernizr module, enabled with dgc_deploy.

[jonraedeke]

[timwood]

Great solution. Thanks.