Reply To: Scrolling iframes & hover drop downs not working on touch devices

[JoTidman]

Just to let anyone know who stumbles across this thread I used these fixes regarding the multi level drop downs (sub menus I call them!):

#menu li:hover ul.menus, #menu li.has-submenu:hover ul.submenu {display: block;}

And added this as javascript

document.addEventListener(‘click’, function(e) {
e = e || window.event;
console.log(e);
var target = e.target || e.srcElement;
console.log(target);
if (target.parentElement.className.indexOf(‘has-submenu’) > -1) {
e.target.classList.toggle(‘open’);
}
}, false);

(function(l){var i,s={touchend:function(){}};for(i in s)l.addEventListener(i,s)})(document); // sticky hover fix in iOS

It now works fine :-)