Sub menu issues on many themes

[tornado]

Hi there.

I have noticed on many themes (such as Foodie Pro), on a mobile device the only way to open a sub menu is to click the little icon that indicates that a sub menu actually exists (such as a + sign, for example). The big problem with this is that the sign is to the very right of the screen and it's all too easy to miss this and click the menu text, which does nothing, leaving the user wondering why the sub menu isn't appearing.

Any ideas as to how this could be solved?

🙂

[Victor Font]

The issue extends from the fact that there is no hover event on mobile devices. Sub-menus open on the desktop when you hover over the parent. On mobile devices, you can expand the width of the button, include text, or open the sub-menu automatically. Your options are limited.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[tornado]

Hi Victor. Thanks so much for the reply. On the Foodie Pro demo, for example:

https://my.studiopress.com/themes/foodie/#demo-full

you can see they use a + in their mobile menu to indicate the use of a sub menu associated with a menu item. Is there any CSS that could place that + before the menu text, as opposed to it being located to the far right of the screen (to place it left instead of right, but not so the menu text is overlaid)? That would pretty much solve the problem completely as the user could easily see the + and would know to click it.

🙂

[Author]

Posts