mega menu drop-down box
Permalink Browser Info Environment
Has anyone had trouble with users not realizing they need to double-click the main header menu to see the full page when there is one-sub level below it on a mobile device? I am worried they won't know to 'double click' to get that part and only click on the sub-level below it ....
Type: | Discussion |
---|---|
Status: | In Progress |
Hi, on a mobile device, when you click or tap on the 'wellness' menu, that page doesn't come up as it does on a laptop, only the drop-down box is displayed. With the laptop, the page and drop-down box is displayed.
The site iswww.www.harrietcliffordarticlesandstories2.com;... tap the wellness menu. My only thought is the user won't realize to double-click the wellness menu to see the articles/blogs for that page.
For me, and watching others I know navigate my site, I'd guess they'd miss it (not realize a double-tap is needed.)
The site iswww.www.harrietcliffordarticlesandstories2.com;... tap the wellness menu. My only thought is the user won't realize to double-click the wellness menu to see the articles/blogs for that page.
For me, and watching others I know navigate my site, I'd guess they'd miss it (not realize a double-tap is needed.)
Ok, I see what you're describing, and that is by design. On a mobile device there is no such event as a "hover" (like on a desktop) because there's no mouse. So instead, tapping the menu item can only produce 1 action - the first time it initiates the drop-down. And tapping it again will click the actual link.
There are 2 options in the editing interface which can control this behaviour. Here's a screenshot:
http://snpy.in/oWJjSo
Optionally you could uncheck the "Redirect On 2nd click/tap" field.
It's useful to know there are 2 custom page attributes that are created when you install the package. These control what happens to the top nav link. From the sitemap, you can click on a page and search the attributes with "mega menu" in them to find 2 checkboxes "Replace link with first child in Mega Menu" and "Replace link with parent page in Mega Menu". Here's a screenshot of the custom attributes:
http://snpy.in/4RCBaf
To get the result you're specifically after, I'd suggest creating a page alias for "Wellness" under the existing "Wellness" page. This is done in the Sitemap by dragging the Wellness page elsewhere on the sitemap, and choosing to create a "alias", then drag that alias back onto the existing "Wellness" page. Here's an example of what I did on my development site:http://snpy.in/cf8qRZ
This should give you the outcome you're after, so there's another "Wellness" page in the submenu for users to click.
Hope this feedback helps.
JB
There are 2 options in the editing interface which can control this behaviour. Here's a screenshot:
http://snpy.in/oWJjSo
Optionally you could uncheck the "Redirect On 2nd click/tap" field.
It's useful to know there are 2 custom page attributes that are created when you install the package. These control what happens to the top nav link. From the sitemap, you can click on a page and search the attributes with "mega menu" in them to find 2 checkboxes "Replace link with first child in Mega Menu" and "Replace link with parent page in Mega Menu". Here's a screenshot of the custom attributes:
http://snpy.in/4RCBaf
To get the result you're specifically after, I'd suggest creating a page alias for "Wellness" under the existing "Wellness" page. This is done in the Sitemap by dragging the Wellness page elsewhere on the sitemap, and choosing to create a "alias", then drag that alias back onto the existing "Wellness" page. Here's an example of what I did on my development site:http://snpy.in/cf8qRZ
This should give you the outcome you're after, so there's another "Wellness" page in the submenu for users to click.
Hope this feedback helps.
JB
Great, I see. I did the alias, and it works just as I'd like it to. Thanks so much for the feedback!
Great to hear, happy to help.
JB