Implement touch support from toggle-navigation

[luukdv]

Right now, we serve a mobile version of a website based on a predefined width (980). Maybe we should also do this when touch is detected? For example through adding a body class. Some landscape tablets are now faced with a dropdown menu that doesn't work intuitively/properly.

[gewoonderrik]

Shouldn't we just make the entire website intuitive on touch screen devices? Some things feel a bit clunky (like the menu).

Related to #544.

[haroldangenent]

@luukdv What's the status on this again? ngMaterial: no, ontouchstart: yes.

Or is this just about the way main navigation is handled? If so, we could rename this issue to better reflect it's scope.

[luukdv]

I have a basic proof of concept in the https://github.com/trendwerk/trendpress/tree/touchscreen-menu branch. I've put all the changed/added styling in header.scss so you can see some of the problems I'm running into ('conditional' include of toggle-navigation(), padding-top overwrite on the body...). Furthermore, there's the issue of the fullwidth menu when toggling.

Do you have thoughts about this? I don't know if this the way to go, maybe we should just leave it as it was and create a solid submenu-hover library which works well on touchscreens.

[haroldangenent]

Decided to move this to trendwerk/toggle-navigation, but needs to be implemented in the theme.

[luukdv]

trendwerk/toggle-navigation#7.