Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 30, 2015 at 9:10 am #451952
    jimmymoto

    I’m developing a business directory with a sticky full-width menu for the main categories on a massive category selection page. The menu is made up of drop-down anchor links (links to different sections of the same page—thus no page reloads after selection), and I’ve been having a strange problem with the drop down menu sticking in the open position on iPad after making a selection. It’s quite annoying ’cause the drop down menu blocks the content. Tapping around on other parts of the page will not make the drop down disappear (have to reload page).

    Also, the expected iOS behaviour is that the first tap opens the drop down, then the second tap engages a selection. As it is on my site, tapping on a drop-down menu heading (which is also an anchored link to the top of each section) immediately selects it, and a split second afterwards the drop-down opens (and stays open).

    The menu works just fine my Mac computer. I’ve tested with all plugins disabled and the problem remains.
    Can you point me to a setting that may be causing this?

    June 2, 2015 at 3:16 am #452892
    Rikard

    Hi jimmymoto!

    Sorry for the late reply. We’ve seen the error you’re describing before but I can’t reproduce it on my end since even though you’re using anchor links. The page reloads after making a selection both on desktop and ipad?

    Best regards,
    Rikard

    June 4, 2015 at 8:36 am #454288
    jimmymoto

    Hi Rikard,
    The page does not reload since they are anchor links within the same page. The page works fine on my desktop computer, but on the iPad (I’ve tried 2 iPads on iOS 7 & iOS 8.3) the drop down menu remains stuck open after selection.

    Also, when using iPad, the first tap of the drop down menu immediately takes the user down the page to the anchor link associated with the top drop-down menu item (the expected iPad behaviour is for the first tap to open the drop down without proceeding to the link, allowing iPad users to then pick a selection from the drop-down menu of other anchor points).
    Hope this description is clear.

    I had all plugins disabled and the problem remained.
    I’ll pass admin login details in a private reply.
    fyi. I am running multisite.

    June 4, 2015 at 9:03 am #454297
    jimmymoto
    This reply has been marked as private.
    June 12, 2015 at 7:56 am #458223
    Ismael

    Hey!

    What happens when you set the “Mobile Menu Display” settings to display a button instead of the full menu? Please set it to display a button then add this in the functions.php file:

    add_action('wp_footer', 'ava_close_submenu');
function ava_close_submenu(){
?>
<script>
(function($){
	$('.av-subnav-menu li > ul a').click(function() {
    $('.av-subnav-menu').removeClass('av-open-submenu');
  });
})(jQuery);
</script>
<?php
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    June 13, 2015 at 11:16 pm #458863
    jimmymoto

    I’m sorry, but I cannot find any settings for “Mobile Menu Display” in WP or Enfold.
    I see a “Mobile Menu” tab in the Header menu within Enfold Theme options, but there are no settings related to what you are describing.
    Please advise.

    August 11, 2015 at 10:27 am #485805
    jimmymoto

    OK, I’m back on task with this problem and found the Mobile Menu Display setting within the submenu settings.
    Changing back and forth between “full menu” and “button” did not solve the problem.

    Just to recap:
    • tapping on Full-width menu item triggers link immediately when tapped on iPad instead of revealing submenus (actually the submenu does blip open for a split second, but by then the iPad is already loading the top menu item).
    • All drop down menu items in main menu stay open on iPad (tapping menu item reveals drop down items, but tapping away does not close drop down).

    Any other ideas on how to fix this?

    September 17, 2015 at 4:59 am #504484
    Ismael

    Hey!

    We’ll close this thread for now.

    https://kriesi.at/support/topic/ipad-drop-down-menu-wont-tap-off/

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full-width menu on iPad: drop-down anchor menu sticks open after selection’ is closed to new replies.