#
March 18, 2015 at 10:41 am
I know this topic has been solved however thought I’d share my CSS hack for anyone not familiar with JS.
This isn’t a 100% fix as there are a couple of issues to resolve however it will work across browsers & iPad.
Here the codepen: http://codepen.io/anon/pen/zxMVjW
The demo is a very basic css dropdown menu. I’ve used pointer-events to prevent the nav link being clickable except for on the iPad, where I’ve used media queries restricted by the iPads exact dimensions to allow clicking through.
Issues to overcome:
* pointer-events won’t work on IE so the link will be clickable.
* On iPad after opening the dropdown the link will be clickable.
* If there’s another touch device with the same dimensions it will be affected.