Open ejntaylor opened 9 years ago
vailjoy
commented
9 years ago Currently we do not force the responsive nav on 1024px as it is used on laptop screens. Leaving this open as a reminder to look into touch support for the default wp menu down the road.
ejntaylor
commented
9 years ago Thanks.
mahtar
commented
9 years ago Having the same issue with iPad in horizontal mode. Looking forward to the touch drop down being implemented.
ejntaylor
commented
8 years ago Added this which enables double click for nav menu items with sub-menus.
Recommend adding to core:
JS: ` // hover states for menu
$('.nav-horizontal li.menu-item a').on("touchstart", function (e) {
'use strict'; //satisfy code inspectors
var link = $(this); //preselect the link
if (link.parent().hasClass('hover')) {
return true;
} if (link.siblings('.sub-menu').length == 0) {
return true;
} else {
link.parent().addClass('hover');
$('.nav-horizontal li.menu-item a').not(this).parent().removeClass('hover');
e.preventDefault();
return false; //extra, and to make sure the function has consistent return points
}
});
`
CSS:
` // hover for mobile (see js)
.nav li.hover > .sub-menu { visibility: visible; opacity: 1; top: 40px; transition: all 0.2s ease-in-out; } `
You cannot view nested sub-menus when viewing the site on iPad horizontal. When clicking on parent menu item you are taken to that page. This is a problem with CSS:Hover for menus as you cannot hove on a touch screen :/
Solution: http://www.elfboy.com/blog/making_css_drop_down_menus_work_on_the_iphone
Example: http://raison.co