Double tap menu issue on iPad

[Ross DugganParticipant]

When using an iPad (landscape), you have to double tap on a top nav menu to make it respond (go to the link).
I think it is because of the Hover state.
What’s the easiest way to get rid of this please?
Prefer if just an over-ride in responsive CSS.
Thanks

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

we test this on our demo theme on iPad (landscape). From our side all works fine. Try to deactivated plugins one by one and then test this. Also if you still have this issue please send us your site URL and WordPress credentials.

Kind regards

Add New Note to this Reply

[Ross DugganParticipant]

Hi,

Ah yes, I tested the Salamat theme Demo on iPad. But the demo menu has drop-down submenus, so first tap (similar to mouse-over on desktop) initiates the hover to show the drop-down submenu. My website is a one pager with no submenus, and you must tap twice to get the nav button to go to link (anchor on same page).

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

in your custom.js file
(you can find it here \wp-content\themes\salamat\js\custom.js)
on line 163 you have this code:

$('.dnd-tabs-timeline, .tcvpb-tabs-timeline').each(function(){
        var $this = $(this);
        var $tabs = $this.find('.dnd-tabs-ul > li');
        var tabsCount = $tabs.length;
        $tabs.addClass('tab_par_'+tabsCount);
 });

below that paste this code:

$('a').on('click touchend', function(e) {
      var el = $(this);
      var link = el.attr('href');
      window.location = link;
});

Now should all works fine :)

You can read more about that here:

http://cssmenumaker.com/blog/solving-the-double-tap-issue-on-ios-devices

Kind regards

Add New Note to this Reply

[Author]

Posts