Mobile menu parent items not clickable

Support
#1

Hi,

Our menus structure include many parent items which are live pages in the website. In the navigation collapsed, these parent menu items are not clickable or accessible but only reveal further menu items. I tried to change the sub menu trigger setting, but it did not change anything on my end.

Link

http://lumenis.onpressidium.com/

I’ve searched in the forum and found a few topics related to this issue but wasn’t sure how can that be solved.
Please help me to fix that.
Thanks!

#2

Hi,

On Pro, by default on this element, the main link with submenu is not clickable and will just reveal those submenus when click. We have plans on making just the sub indicator to open the submenu and make the main link clickable but we don’t have an ETA for this yet. We will let you know once we have an update.

The best solution for now is to have a separate menu for mobile where all items are just stacked above each other.

Thanks

#3

We have menus with hundreds of items which are very segmented from one another so it would be a terrible UX/UI to stack them in one giant list. Thanks anyway, waiting for your update.

#4

Hey Amir,

We’re sorry for the confusion here. The Sub Menu Trigger was introduced in Pro 2.1.0. Setting the Sub Menu Trigger to Sub Indicator would do the job. I’ve double checked in my test site if there’s a bug but it’s working fine. It’s working fine in your site as well. Please watch the video I’ve recorded. I’ve also tested on my phone and it works.

I’ve asked @paul.r and he said it didn’t work on his iPhone though so did you test this in iPhone? Please give us the details of the OS and browser you’re using.

If the option does not work for you, it is probably due to caching. If you’re using a caching plugin, please purge all caches including your browser cache. You can then again or try using the incognito mode or other browsers.

Thanks.

#5

Just a suggestion - since it is difficult to click on sub indicators on mobile devices - maybe there could be an option to have the first click open the sub menu and if you click the top link a second time it would go to the top link page.

#6

Hi again,

We certainly appreciate your feedback but that might not be possible, that way could be little buggy itself. Initially we had it working like you suggested where you click on the parent menu item and the submenu opens but it didn’t go to the parent menu item link so we introduced this feature however we’ll look into further improvements.

Thanks!

#7

Thanks for the description and video, I don’t use any caching plugin so it was probably a caching from the hosting provider because it is working for me now. I did not test it with iPhone so I wonder if it works with iPhones as well.
Thanks!

#8

I agree that the small sub indicator can be tricky to click on. UX specialist suggested to border the sub-indicator or segment it from the parent item in a way that would be more obvious to the user that both the indicator and the menu items are clickable but with different target.

We might use customization in the future to achieve that but I highly suggest that you consider to have that option in the header builder.

Thanks again!

#9

Hi @Amir.Caspi,

Noted that, but this may help you get started. Add this CSS to your global custom CSS,

@media ( max-width: 767px ) {
.e493-8.x-menu > li > .x-anchor .x-anchor-sub-indicator {
    position: absolute;
    width: 100%;
    text-align: right;
    padding-right: 4px;
}
}

Then the menu title will behave the same as the toggle. It’s just a snippet and we can’t provide further customization.

Thanks!

#10

Thanks for your help!

#11

You’re most welcome!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.