This is on iOS using safari.
Hi Dugs. That doesn’t sound like the default theme functionality. When you open the collapsed menu on a mobile device it should expand all the menu levels (up to 3) automatically. I just tested the theme demo site on an iPhone 4 using Safari and that’s how it worked.
Hi bdbrown
My menu does work like that where it expands ok thats no problem. The issue I have is when i click on the individual links it takes two clicks to get to the page rather than 1 click. To me having two clicks looks like the link is broken so i want to ensure that a user only has to click once on the menu links that have expanded.
thanks
OK, now I see what you’re describing. Seems to work with one tap on the main level, but the first tap on the second level seems to “activate” the menu. Then, the next tap on the second level, no matter which menu item, will open that menu item and not the first one tapped. Never noticed that before but then I haven’t played around much with the mobile menus. It must be something in the javascript, to which I don’t have access. Perhaps if the theme author sees this post he can take a look at it.
Hi Dugs. Did you make any progress on this issue? Have just discovered the Hueman theme and noticed this issue with an otherwise perfect theme for my requirements. Thanks :o)
Hi, no I didnt. I just needs someone more clued up than me to work out what javascript changes are needed to make it one click. If I work it out will post here.
cheers
Thanks Dugs. My javascript skills are out of date. Sounds like I will need to spend some time on this and, in the meantime, if you do figure out the problem, any solution would be very much appreciated :o)
Hello, I have the same problem. I hope you can find a solution.
Hi all,
Is there any news on this yet please as I’ve just made 3 sites live using this and one of the clients spotted it instantly?
Thanks
I don’t know that this is related to the theme specifically. Here’s a WP Trac ticket describing the same issue; specifically entry #24. It was marked as “fixed” 14 months ago, but perhaps a newer version of iOS had reintroduced the problem?
Here’s a related post that describes a fix using a jQuery srcipt:
http://cssmenumaker.com/blog/solving-the-double-tap-issue-on-ios-devices
thanks bdbrown, I’ve added that to the code with no luck unfortunately.
It appears that change (https://core.trac.wordpress.org/changeset/29770) was for the admin side (which works ok for me) my issue is on the front end of my site, 1 for example is http://www.emerald-cleaning.co.uk/ where if viewed on iOS clicking the drop down menu lines brings up the expanded menu fine. ALL first level links work as expected, sub levels under “services” do not
Viewing on Android or any other mobile device works perfectly.
I’ve also added the extra code with no luck
$(document).ready(function() {
$('a').on('click touchend', function(e) {
var el = $(this);
var link = el.attr('href');
window.location = link;
});
});
For info,
Although not ideal (as I’m messing with the standard setup) if I swap the WordPress jQuery at /wp-includes/js/jquery for version 2.2.0 this works instantly
although it breaks a few things admin side 🙁 such as the auto suggest tags
