Twenty Eleven: Navigation dropdown menus broken on android devices

[shireling]

On a site running Twenty Eleven, tapping the top level menu item opens that page, rather than opening that item's child menu items and waiting for something to be selected.

This results in the child menu opening briefly, but being lost on the page load.

Issue isn't present on iOS or desktop devices, but I was able to reproduce in both Chrome and Firefox on an HTC M9 running android 6.0.

Originally reported here: ​https://en.forums.wordpress.com/topic/problem-with-drop-down-menu-when-using-2011-theme-on-mobile?replies=3

The issue happens on both of the sites mentioned, the self hosted and the one on WordPress.com.

[shireling]

Just realized I put twenty ten in the description. That should say twenty eleven. ugh.

[davidakennedy]

I can confirm the issue.

We'd likely have to fix this with some JavaScript, similar to what's been done in the newer default themes. Worth noting there isn't really a change in the menu on smaller screen sizes – it stays the same, so it should be straightforward. That said, given the age of the theme, this is a low priority.

[PhilEsq]

I have the same problem which I just noticed. Either the drop-down menu was working not long ago or I just never noticed it. I don't understand why this can't be fixed just because it's an older theme. The only thing old is the version number. It's still a nice theme. Unfortunately, this problem makes the theme unusable and I guess I will have to have a theme made for me.

I just posted on the support forum:
​https://wordpress.org/support/topic/bug-with-drop-down-menu-on-mobile/

[PhilEsq]

I found an easy solution. I installed the Max Mega Menu plugin.