Click vs Hover in mobile
Permalink Browser Info Environment
Hi,
Great add-on! I was able to easily customise it to do everything we needed to do, but I have one small issue:
On the desktop website, we want the drop-down menus to respond to hover. When the site is viewed from a touch device, we want the drop-down menus to appear on click. Is there an easy way to customise jquery.dcmegamenu.1.3.3.js to have this response? Or is this an option somewhere that I missed? It isn't necessary for the top-level links to be accessible after the drop-down has appeared. I just want this behavior for interface usability.
Great add-on! I was able to easily customise it to do everything we needed to do, but I have one small issue:
On the desktop website, we want the drop-down menus to respond to hover. When the site is viewed from a touch device, we want the drop-down menus to appear on click. Is there an easy way to customise jquery.dcmegamenu.1.3.3.js to have this response? Or is this an option somewhere that I missed? It isn't necessary for the top-level links to be accessible after the drop-down has appeared. I just want this behavior for interface usability.
Type: | Discussion |
---|---|
Status: | New |
Hi JB,
The URL ishttp://thebriarwoodinn.com.64-207-187-36.stortzdesigntest.com/... and the mobile device I'm testing on is a Samsung phone running Android 4.0.3 -- i've tested other sites using the same Mega Menu add-on with this phone and browser and the behavior as been as expected.
I did have a problem with the dropdowns not hovering in the correct spot for some reason so I tweaked one line of code in the javascript file to fix (changing the position param from the calculated left to just "0px".)
The URL ishttp://thebriarwoodinn.com.64-207-187-36.stortzdesigntest.com/... and the mobile device I'm testing on is a Samsung phone running Android 4.0.3 -- i've tested other sites using the same Mega Menu add-on with this phone and browser and the behavior as been as expected.
I did have a problem with the dropdowns not hovering in the correct spot for some reason so I tweaked one line of code in the javascript file to fix (changing the position param from the calculated left to just "0px".)
Ok, I'll get my senior developer to take a look at this for you and he'll update this ticket.
JB
JB
Hi,
I haven't heard anything yet and wanted to know if your developer had had a chance to review this.
I haven't heard anything yet and wanted to know if your developer had had a chance to review this.
Hi
Apologies for the delay in response. We just got back from the long weekend holiday. Also if you have concerns feel free to use the support page of the add-on as it is easier to identify requests. Anyway, looking at your site it seems that it's doing the correct behaviour. The parent menu shouldn't trigger decollapse on child menus because it is designed for end users to visit the parent menu especially that it is a link. It can only be decollapsed (on tap) when tapping other menus that has child menus. That's a usability that would not create an issue when parent menus are designed to be visited as well.
Does that answer your query? Or do you still need the option to decollapse when tapping the parent menu?
JZ
Apologies for the delay in response. We just got back from the long weekend holiday. Also if you have concerns feel free to use the support page of the add-on as it is easier to identify requests. Anyway, looking at your site it seems that it's doing the correct behaviour. The parent menu shouldn't trigger decollapse on child menus because it is designed for end users to visit the parent menu especially that it is a link. It can only be decollapsed (on tap) when tapping other menus that has child menus. That's a usability that would not create an issue when parent menus are designed to be visited as well.
Does that answer your query? Or do you still need the option to decollapse when tapping the parent menu?
JZ
Thanks for the response! With it I was able to figure out what the issue was -- I had styled the menus so that the anchor was blocked for the style, so on tap it was decollapsing the menu but loading the parent page at the same time. I'll fix my styles so that there's no issue. Thanks again!
What you are describing already exists with Mega Menu. By default mobile devices will replace "hover" actions with "taps/clicks" (since there is no mouse cursor on most smartphones). So that is exactly how the Mega Menu performs now without any kind of modifications - smart phone browsers will activate the menu items on "tap".
If you are finding it isn't working that way, can you please provide:
* The URL you're testing; and
* What mobile device (and browser) you're testing it with.
Hope this helps.
JB