iPad / iOS :hover needs double click
http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem/
Solution:
Execute the link on hover:
$("#main_menu li a").mouseenter(function () { ... // Immediatly load link in iPad etc (Double click necessary otherwise) var device = navigator.userAgent.toLowerCase(); var ios = device.match(/(iphone|ipod|ipad)/); if (ios /*$("body").hasClass("no-touch")*/) { window.location = $(this).attr("href"); } });