iOS menu issues

[GeorgiaG]

Hello. I have a small issue with iPad Air 2 and iPhone 6. The dropdown menus do not respond to a click. I am on Browserstack for testing. I did try and change the parent item for a custom link that does not go anywhere to a page but it did not have any effect. Is there a work-around for this? They are not new but enough of them are still in use so it would be nice to support them. I found this in support: does this address my issue? Thanks.

jQuery(document).ready(function($){
$('.x-off-canvas .x-anchor-menu-item .x-anchor-text').on('touchend click', function(e) {
	var link = $(this).parents('.x-anchor-menu-item').attr('href');
	window.location.href = link;
});

});

[nabeel]

Hi there,

Thanks for writing around! The above code is to open up the parent menu link on click and I think this is not what you’re after. Would you mind providing the URL of your site so we can take a look?

Thanks!

[GeorgiaG]

https://dev.schoolsrule.org/

Thank you, @Nabeel.

[basanta]

Hi There,

I checked the site in iPhone 6, and its working fine for me. All the menu link working fine and parent links opening fine.

Regarding the custom link, i dint find it in the menu.

Please specify in which menu item you have added. So that we will look on to it in the mobile device.

Thanks

[GeorgiaG]

It appears to be ok then? I have a custom link more as a header item for the group of pages in the submenu. There is not a page attached to it. But to be sure, I replaced one of them with an actual page ‘parent’. I had the same results both ways: it would not respond and reveal the ‘children’. Is this practice ok or should I always have an actual parent page. Thank you @basanta . Also this issue is seen on the iPhone 6 and not 6s. The 6s is fine. And the iPad Air.

[christopher]

Hi there,

I double checked the case with iPhone 6 and the menu is working ok. The (Who We Are) parent item shows the submenu while I tap it. It does not go to any page which the Navigation Menu element is designed to do so.

There are other themes and designs that use only the arrow to reveal the submenu and tapping on the parent menu copy itself will go to the parent page itself. Our development team found that not a user-friendly experience as most of the time the arrow space is too tiny to tap and it goes to the parent page instead of showing the submenu. That is why the element that you used only supports the submenu revealing method.

Thank you.

[GeorgiaG]

@christopher.amirian, thank you. I appreciate your help and clarification. Best regards, Georgia

[jade]

You’re welcome, Georgia.