Top Links on Mobile Menu

[Nuera]

I’m having an issue with my top links on mobile. I would prefer for the logic for top links to be clickable, and only reveal dropdown if the user selects the sublink indicator.

I got it working somewhat using the second to last JS code on this link:

Pro : menu not clickable on mobile if it has a submenu

Now the toplinks are selectable, but it still triggers the dropdown. This is confusing from a user perspective because the dropdown appears about 10 times faster than a new page can load. It is not obvious that the user is being directed to a new page until a few seconds later.

I know this is on the known bug list from back in the Summer, so I was curious whether any advancement had been made on this rather crucial navigation issue.

Thanks!

[mldarshana]

Hi There,

I’ve just checked our issue tracker and we already have it as a feature request. We could not provide any ETA, however I have added a follow up request well.

Thanks!

[JMichaelBrowning]

Not to sound too sarcastic, but how is this a feature request? Parent menu link is a basic functionality of a Wordpress menu.

There are several threads here in Apex that hint at this bug problem.

@christian_y

That is the intended behavior. Before, it was a bug.

It appears as if this was a bug, and instead fixing, it was disabled. Now, @Themeco is wanting to charge to fix a bug?

@christian_y

It could be possible with custom development but that would be outside the scope of our support.

@kyle – could you provide some input?

Thank you.

[christian]

Hey @JMichaelBrowning,

Please see the reply of one our core developers in a similar thread.

@alexander

Thanks for reaching out and sharing your feedback. This is something we’ve seen a fair amount of feedback on and we have an active feature request open to making this an official feature for collapse navigation. As a workaround, try adding this custom javascript:

jQuery(function($){
$(’.x-menu-collapsed .menu-item-has-children > .x-anchor’).on(‘mousedown touch’, function(e) {
if ( ! $(e.srcElement).is(’.x-anchor-sub-indicator’) ) {
var $this = $(this);
$this.siblings(‘ul’).hide();
window.location = $(this).attr(‘href’);
}
});
});

Effectively this will make the anchor work again, and when it’s touched/clicked it will prevent the sub menu from opening while the navigation starts to happen. The sub indicator (arrow) can still be used to toggle the collapsing.

Thanks.

[JMichaelBrowning]

This is again deflecting a response. I fail to understand how having a fix for parent menu item not linking is a feature request. Even if you had a custom link menu item as a parent menu link, it does not link.

And your fix above just flips the problem.

Please help to provide a solution so that we can use the native Wordpress functionality.

[ruenel]

Hello There,

Sorry for the confusion. A fix is underway. Our developers is already working on it. It will be integrated and rolled out in the next update release.

Thank you for your understanding.