Dropdown menu on iPad not usable?

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 5 years, 5 months ago by Peter Müller.

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

• This reply was modified 5 years, 5 months ago by Team Brainstorm Force.

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 5 years, 5 months ago by Peter Müller.

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.

Definitely interested.

interested