Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1259545

    Hi Guys,

    I have experienced this issue on a couple of customers sites.
    If you turn on tap to open for the mobile menu, it applies to all menu items, NOT just the ones that have a second or third level.

    So any top level menu items have to be double tapped which is a UX problem.

    This seems to exclude the home button so if you are trying to recreate the problem, have a play around with the other links on the menu that are not dropdowns.

    Please can you advise?

    I have tested this in Chrome and Safari on my Iphone which is running the latest IOS build.
    Link to example in private content.

    #1260077

    Hey Thomas,

    Thank you for the inquiry.

    We could not reproduce the issue on our end. The parent menu item with drop down or child menu items opens in a single tap. And just curious, what would be the issue if a parent menu item has to be double tapped?

    Best regards,
    Ismael

    #1260098

    Hi Ismael,
    I have just looked again. I think my diagnosis of the problem is wrong sorry. I have more information below.

    The problem is actually this:
    On mobiles all of the mobile menus have an animation that makes each menu item appear one by one – top to bottom.

    If you quickly open the menu and then select any of the menu items before the animation has finished it ignores the first button tap.

    This is a UX problem and a frustration for anyone wanting to browse quickly.

    So 3 possible solutions:
    1. Is there a way to disable the animation to stop this behaviour?
    2. Can the animation be sped up by changing the CSS? Therefore the menu items become interactive sooner?
    3. Can Enfold Core be updated to address the problem?

    Solution 2 is the preferred option and probably easiest for you to help me solve

    Thanks again.

    #1260614

    Hi,

    The speed of the dropdown animation seems to be sufficient enough on our end, but we could adjust it if necessary. To do so, we have to modify the js > avia.js file around line 1232:

    if(parent.is('.av-show-submenu'))
    			{
    				parent.children("ul.sub-menu").slideDown('fast');	
    			}
    			else
    			{
    				parent.children("ul.sub-menu").slideUp('fast');	
    			}
    

    We could replace the duration “fast” of the slideDown and slideUp functions with a number in milliseconds. Default duration value is 400.

    // https://api.jquery.com/slidedown/

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.