Parent items in menu can't open and are not clickable on mobile devices

[DeboraG]

Hi there,

I’ve developed a website in Pro last year and had this issue too. At that time you told this was a bug and the only why to solve it was to make a special menu for mobile devices without the subdivision of parent items and sub items.
Now on a new website I have this same problem. Is this still an unfixed bug?

I hope you can come with a solution. Because in the collapsed menu on mobile devices this solution makes the menu messy and not functional.

Hope you can help.

Thanks,

Debora

[mldarshana]

Hi Debora,

I have tested all of your parent menu items on mobile and I was able to click through every item and I could not experience any issues.

Could you please try clearing your browser cache and re-test this issue again. If you’re still having this issue, please mention on which mobile device and on which browser that you have experienced this issue.

Thanks!

[DeboraG]

Hi there,
I experience it on both my Ipad and Iphone. Browser is Chrome, Safari, Firefox.

None of the parent pages open in the Collapsed pro menu.

Regards,

Debora

[christian]

Hey Debora,

Like @mldarshana, I see your parent menu working correctly. It opens up the sub-menu. Maybe what you want is to open the parent menu’s link and only open the sub-menu using the sub-indicator? If that is the case, choose Sub Indicator in Navigation Collapsed > Menu > Setup > Sub Menu Trigger. This is a new feature.

Hope that helps.

[DeboraG]

Thanks,

I’ve been trying, back and forth, switching these two options in the collapsed menu. Clearing Safari and Chrome browser all the time in between. Testing it on my Iphone.
One time it does work , the other it doesn’t .

For instance, it only shows the parent and when you try to hit the arrow indicator it opens the parent page instead of showing the submenu. And then at other times the submenu unfold and then again I can’t open the parent page.

Can you please explain to me how it should work. That would be great.

Thanks,

Debora

[ruenel]

Hello Debora,

I have checked your site in a mobile phone and I do not encounter any issues.

Clicking the indicator opens up the submenu and Clicking the menu item text opens up the page.

You must make sure that the page totally loaded. It would be good if you use private browsing mode in your Safari or Chrome. Please check it again.

[DeboraG]

Thanks, I still find it hard to hit the arrow, because it is to small.

The content is not private because the client asked for public mode in the last fase of development. When finished developing the content will be moved to another domain. Thanks for your concern.

Regards,

Debora

[rad]

Hi there,

We’re referring to private browsing where cache isn’t loaded , example, chrome’s incognito. And make sure to clear your site’s cache too (site’s cache and browser cache are different).

As for the sub-indicator, please add this CSS to your header’s custom CSS.

.e2229-13.x-menu > li > .x-anchor .x-anchor-sub-indicator {
    margin: 0px;
    padding: 5px;
}

To increase the touch area instead of increasing the icon size.

Thanks!