The root of this issue is that the behavior of menu hover to reveal items + click to open menu item is problematic on mobile devices when the top menu item is also a link, due to the necessity of replacing hover interactions with touch.
iOS: the menus work as desired (first touch opens menu, second touch follows links) on all browsers except Safari; on Safari, the L1/L2 menus also work as desired, but the L0 menus cannot be closed by touching elsewhere on the page after being opened.
Android (all browsers): touching the top menu item immediately follows the link for the top item, effectively making the drop-down options inaccessible. This is a known challenge with Android because it doesn't simulate hover+click via the "double-touch" approach that iOS provides (see above).
It's worth noting that only the Elements menu has a top menu item link that is not also included in a menu sub-element, so one fully Android-friendly solution would be to disable the links for all of the top menu items and to move the elements/ link to a sub-item.
The root of this issue is that the behavior of
menu hover to reveal items+click to open menu itemis problematic on mobile devices when the top menu item is also a link, due to the necessity of replacing hover interactions with touch.iOS: the menus work as desired (first touch opens menu, second touch follows links) on all browsers except Safari; on Safari, the L1/L2 menus also work as desired, but the L0 menus cannot be closed by touching elsewhere on the page after being opened.
Android (all browsers): touching the top menu item immediately follows the link for the top item, effectively making the drop-down options inaccessible. This is a known challenge with Android because it doesn't simulate hover+click via the "double-touch" approach that iOS provides (see above).
It's worth noting that only the
Elementsmenu has a top menu item link that is not also included in a menu sub-element, so one fully Android-friendly solution would be to disable the links for all of the top menu items and to move theelements/link to a sub-item.