Customer is not a happy camper at this point and about ready to burn down the lodge.

Here’s the simplest solution that we use – add the following line inside to your span, li or anchor causes the iPad to behave like safari on mac and on click open the dropdown

onClick=”return true”
See it in action here – http://www.naturalsal.it/

I understand, thanks for the references too!
Let’s give that a shot, if it works I would gladly add it to the official theme.
Edit your js/common.js and add this:

// Fix for ipad dropdown menu
$('#menu > ul >li > a').attr('onClick', "return true");

after line after this line for example:

$('#menu .children').prev().append('<span></span>');

Let me know if that actually does the trick!

// MENU LOGIC - Customize to keep HTML logic the same
	$('#menu').addClass(boc_submenu_animation_effect);
	if(submenu_arrow_effect){
		$('#menu').addClass('arrow_effect');
	}
	$('#menu .children').prev().append('<span></span>');
    // Fix for ipad dropdown menu
    $('#menu > ul >li > a').attr('onClick', "return true");
//	$('#mobile_menu .children').prev().append('<span></span>');
	
	$('#menu .children').addClass('sub-menu');
	$('#menu .sub-menu').prev('a').addClass('no_border');
	$('#menu .sub-menu').wrap('<div/>');
	$('#menu .sub-menu li a').wrapInner('<span/>');
	$('#menu .sub-menu > li:last-child > a').addClass('last_submenu_item');	
	$('#menu li:not(.megamenu) .sub-menu > li > div').addClass('subsub_menu');
		
	$('#menu .subsub_menu > ul > li > div').removeClass('subsub_menu').addClass('subsubsub_menu');
	$('#menu .subsubsub_menu > ul > li > div').addClass('subsubsub_menu');
	
	$('#menu .subsub_menu').prev('a').addClass('sub_menu_parent');	
	$('#mobile_menu ul li a > span').addClass('icon').addClass('icon-chevron-down');		
	$('#mobile_menu ul li a > span').click(function(e){	
		e.preventDefault();
		$(this).parent('a').next('ul').stop(true,true).slideToggle(500);
		if($(this).hasClass('icon-chevron-down')) {
			$(this).removeClass('icon-chevron-down').addClass('icon-chevron-up');	
		}else {
			$(this).removeClass('icon-chevron-up').addClass('icon-chevron-down');	
		}
	});
	

I do know that ipad menu/sub-menus works perfectly on our club website http://corvetteclubsantabarbara.com but it’s also a different WP theme titled AllStar. If you like, I could paste the common.js here from that theme or send you the theme zip file in a separate email.

Thanks for the info, we will work on this today and get back with you!

Please replace the previous code with this:

// iPad fix :: START
var isiPad = navigator.userAgent.match(/iPad/i) != null;

if (isiPad) {
	$('#menu > ul > li > a').each(function(k) {
	   var $this = $(this);
	   
	   if ($this.parent().find('ul.sub-menu').length > 0) {
			$this.attr('onclick', "return false");
	   }
	});
}
// iPad fix :: END

This basically disables the top level linking on ipad for items with submenus. Let me know if that’s a feasible solution for you?

I hope this explanation helps but let me know if it is not clear.