- This topic has 19 replies, 3 voices, and was last updated 1 year ago by Andreas.
December 20, 2018 at 8:44 am #762241John
No problem, just wanted to pass some feedback to you. The only thing i really dislike about GP is the way you need to “activate” a dropdown menu on mobile. You need to tap very near a dropdown symbol for the dropdown to appear. If you tap a few millimeters beside a symbol nothing happens. Why not allow the whole menu item which has a dropdown, to activate it ?
That is for a majority of the users something they would expect, especially on a mobile phone.
On desktop hovering over a menu items triggers the dropdown to be shown, while hovering over an item is far more easy than to tap a thick finger on a tiny symbol.
JohnDecember 20, 2018 at 6:11 pm #762551TomLead DeveloperLead Developer
This is something I’ve played with before. One possible solution is using the first tap on mobile to open the sub-menu, and the second tap to go to the link. That might be a feature we add in the near future.
For now, the parent menu item would need to not a have a location for this to happen. For example, if it’s a custom link with
#as the URL, the user can tap the entire menu item to open the sub-menu.
We do try to make the dropdown arrow as large as possible, but I agree it’s not super intuitive that the arrow is the part that needs to be tapped.
Really appreciate the feedback!December 20, 2018 at 11:04 pm #762639John
I have been tinkering with the Elementor Nav widget. On mobile it displays the exact behaviour i would like. The whole menu item activates the dropdown menu to appear.
JohnDecember 21, 2018 at 8:14 am #763083TomLead DeveloperLead Developer
Can you link me to an example?December 21, 2018 at 8:25 am #763099John
This is a site i am working on, it is still a bit slow but i am not yet finished.
It runs on GP and has an elementor nav menu widget.
JohnDecember 21, 2018 at 8:33 am #763110TomLead DeveloperLead Developer
Since those menu items don’t have URLs, GP will do the exact same thing on mobile (allow for the whole menu item to be tapped).December 21, 2018 at 8:40 am #763119John
Is there a setting involved ?
This site https://www.masbernadis.eu/ has a GP menu (no elementor nav menu)
If you hit menu item “vakantiehuizen” (no URL attached) you need to hit the symbol.
Hitting anywhere on the menu item has no efect. At least on my mobile and tablet (both android)December 21, 2018 at 8:51 am #763128TomLead DeveloperLead Developer
Try giving that parent menu item this as the URL:
#December 21, 2018 at 9:13 am #763145John
Yes that works out for items without URL attached.
However the site with the elementor nav menu indeed had no URL attached, but also no # symbol in the URL field. So both situation remain incomparable.
In any case for items with URLs attached and a language switcher it does not work that way.
So i wonder what i will do. From a user perspective, it is strange if one menu item can be tapped everywhere and another menu item needs to tapped close to the symbol.
So i guess i will not use the # symbol, thinking that a uniform behavior of a menu is important for the experience of the user.
JohnDecember 21, 2018 at 5:38 pm #763364TomLead DeveloperLead Developer
So if the menu item has a destination, what would the ideal situation be when the user taps the entire menu item?December 21, 2018 at 11:25 pm #763451John
I continued to use the elementor nav widget on a test site. It is work in progress don’t look at the design. Behaviourwise this menu acts on mobile like i expect it would. Maybe this is just a personal opinion. You can compare the two:
https://mijntestdomain.masbernadis.eu/blog/ GP with Elementor nav menu
https://www.masbernadis.eu/ GP with GP menu
JohnDecember 21, 2018 at 11:33 pm #763457John
BTW another thing when using the # sign is the behavior on a desktop.
When a pound sign is not used, when hovering over the menu item, the pointer of the mouse changes, indicating: there is nothing here. When using the pound sign, when hovering over the menu item, the mouse changes its pointer as if there is something there. Maybe a minor point but might cause confusion.
JohnDecember 22, 2018 at 10:14 am #763783TomLead DeveloperLead Developer
Yes, it’s actually a bug within the slideout navigation that # is required – you should be able to open it with no link as well. The regular mobile menu should work like that.
It looks like the Elementor nav opens the sub-menu on first click, and goes to the location on second click if it exists. I like that functionality, so we’ll likely add it to GP soon.December 22, 2018 at 10:32 am #763792John
Thanks for looking into this.
Have a good christmas and a good new year.
JohnDecember 22, 2018 at 9:17 pm #763983TomLead DeveloperLead Developer
Thanks! You too 🙂
- You must be logged in to reply to this topic.