Support » Theme: Astra » Dropdown menu on iPad not usable?

  • I have created a main menu with an item “News” displaying the categories in a dropdown.

    With a mouse the dropdown appears on hover and with an iPad in portrait mode the mobile menu button is displayed and everything works fine.

    However, on an iPad in landscape the desktop menu is displayed, but dropdown is not usable. It shortly appears but it is impossible to choose a category.

    Is there any way to change this behavior and make the submenu usable?

    (something like “DoubleTapToGo.js” from Osvaldas Valutis)

Viewing 12 replies - 1 through 12 (of 12 total)
  • Workaround:

    • Customizer – Layout – Primary Header
    • Set Menu-Breakpoint for mobile Header to 1024px

    After that an iPad in landscape shows the mobile menu and in that the dropdown works fine (funnily enough).

    • This reply was modified 1 year, 7 months ago by pmmueller.

    Hi @pmmueller ,

    Glad that you figured it out, as in mobile we have provided the option for Drop-down target to “link” or “icon”. Here is the screenshot .

    Regards,
    Deepak

    Hi Deepak,

    thanks for your reply, but I consider changing the breakpoint for the mobile menu a workaround and not really a solution.

    Tapping the icon in the mobile menu works fine and shows the dropdown-submenu.

    Tapping the link however works the same as in the desktop menu. A tap does not show the submenu, but activates the link and immediately calls the linked page or post. The submenu can be seen as a flash, but it is impossible to choose a link from it.

    So that takes me back to square one and to my subject line:
    “Dropdown menu on iPad not usable?”

    I really like Astra and Brainstorm Force have done a phantastic job, but is there really no solution to this menu-touch-problem?

    • This reply was modified 1 year, 7 months ago by pmmueller.

    Hi @pmmueller ,

    We have used the primary and most optimized way to set the menu for Desktop/tablet/mobile.

    Further, we would surely look towards your suggestion and would see how we can handle the menu, especially for tablets without using breakpoints.

    Regards,
    Deepak

    Just for your information:

    I use GeneratePress on some of my sites and they just fixed this issue in Version 2.3:

    »Fix: Sub-menu dropdown on tablets/touch screens«

    So now the submenu appears on :hover, and is still usable on tablet/touch. I don’t know how they did it, but that proves that it is possible 🙂

    Hi @pmmueller ,

    Just an update with the issue you had. What you can do to fix the problem is set the link to “#” to the parent menu of your categories sub-menu, and it would fix your issue in no time.

    Here is the screenshot that would surely help you.

    Regards,
    Deepak

    Thanx for your answer (and the screenshot, those are very helpful here in the forum) and I do appreciate it.

    A custom link with a # is a simple workaround to prevent the flashing of the dropdown that I described in the first post above, but it is not quite what I am looking for.

    My ideal solution would be:

    on desktop
    – menu-item Blog is a link to show all posts
    – on :hover with mouse the dropdown menu for Blog is shown
    – a click on a submenu item then shows a post per category
    – a click on Blog then shows all posts

    on touch
    – menu-item Blog is a link to show all posts (just as on desktop)
    – a first tap opens the dropdown menu for Blog
    – a tap on a submenu item then shows post per category
    – a second tap on Blog however shows all posts

    You can see this in action pmueller.de with the menu-item “Blog”.

    Hello @pmmueller,

    I am adding this to our issue tracker and we will try to improve this in one of the upcoming updates of Astra Theme.

    Best,

    Nikhil

    Interested… 😉

    I am adding this to our issue tracker and we will try to improve this in one of the upcoming updates of Astra Theme.

    That’s great news, and thanks in advance.

    Joe

    (@dammittman)

    Definitely interested.

    lxne

    (@lxne)

    interested

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Dropdown menu on iPad not usable?’ is closed to new replies.