Clicking top level admin menu links on mobile does not take you to those sections

[karmatosed]

If you click 'Media' op 'Posts' on desktop you go to those sections. In testing on an iPhone 7 Plus this did not happen. I would suggest on mobile you need those quick links even more.

[steve1607]

Hi karmatosed,
you are right, I can see the same behavior on my device. But I would suggest this behavior as totally fine. This solution has to be done in that way because you do not have a mouseover on mobile devices.

The alternative solution with using quicklinks would have a downside:
Navigating to a new page results in loading the new page and therefore closing the navigation panel.

Now imagine you want to navigate to Posts->Add New. You would have to do the following steps with quicklinks:

1. Open the navigation
2. Click on the entry Posts
3. Wait for the page to reload
4. Open the navigation (again)
5. Click on the entry Add New
6. Wait for your target page to load

While currently it works that way without quicklinks:

1. Open the navigation
2. Click on the entry Posts
3. Click on the entry Add New
4. Wait for your target page to load

As you can see it is easier without the quicklinks on your mobile device to directly navigate to your target page due to the lack of mouseover effects.

Do you agree on that or shall we try to think of another workaround/solution?

Many regards,
Steven

[karmatosed]

No I don't agree, its a broken flow. We should make sure the mobile experience is as good as desktop.

When you tried it did it not feel broken as a flow? That's the issue for users. What we need to do is find a solution that works on mobile but fixes that.

Thanks for taking a look though and be great if you want to work on a solution for this. I have made it a bug though as it is.

[steve1607]

Okay, I understand your point. Currently the functionality and the workflow for the user are different on mobile and desktop and this makes it much harder for the user. But I have an idea :)

We could implement our navigation similar to this one with a dropdown arrow. Then the user can decide wether to open the next level of menu entries or just navigate to the top level entry.

You can try it here:
​https://apex.oracle.com/pls/apex/f?p=72766:26

What do you say?

[ghovens]

Hi guys,

I think the solution @steve1607 is offering is intuitive and should solve the problem.

Kind regards,

Gijs

[melchoyce]

Chatted about this in this week's Design triage. While we agree @steve1607's suggestion is an improvement, it also feels like a bandaid. Small-screen WordPress is a bit of a mess, and we'd benefit from taking a step back and looking at it holistically rather than in pieces. "Tightening up" is a focus of core design this year, and we'd like to tackle this as a wider part of that effort. I'm going to close this as maybelater, but keep a note to review while we're looking at mobile patterns.