Current Menu Display

I have created an Ubermenu (3) menu to display only on mobiles. The menu consists of several sub-menus, sub-menus within submenus. Upon click of the first parent ‘Menu’ item, the submenu drops down, then any other submenus are set to Stacked rather than Mega. I am trying to add functionality to click on the category and then the sub-menu to drop, and then click to close. I will have a double click event to follow the link on the category.

It currently looks like this:

I have tried to build a custom jQuery function to stop event firing on click and to fire my custom events/functions. However, no matter what I try the link events fire anyway. I’ve tried to stop bubbling and default, but nothing has worked. I’ve added noconflict on the Ubermenu settings as well. This is how the code looks for the menu:

<li class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-has-children ubermenu-item-41889 ubermenu-item-auto ubermenu-item-header ubermenu-item-level-1 ubermenu-column ubermenu-column-auto ubermenu-has-submenu-stack" data-ubermenu-trigger="click">
    <a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://olsonbaker.com/furniture/"><span class="ubermenu-target-title ubermenu-target-text">Furniture</span></a>
        <ul class="ubermenu-submenu ubermenu-submenu-id-41889 ubermenu-submenu-type-auto ubermenu-submenu-type-stack ubermenu-submenu-padded ubermenu-submenu-indent">
            <li class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-41905 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://olsonbaker.com/bedroom/"><span class="ubermenu-target-title ubermenu-target-text">Bedroom</span></a></li>
            <li class="ubermenu-item ubermenu-item-type-post_type ubermenu-item-object-page ubermenu-item-41906 ubermenu-item-auto ubermenu-item-normal ubermenu-item-level-2 ubermenu-column ubermenu-column-auto"><a class="ubermenu-target ubermenu-item-layout-default ubermenu-item-layout-text_only" href="https://olsonbaker.com/garden/"><span class="ubermenu-target-title ubermenu-target-text">Garden</span></a></li>
        </ul>
</li>

I am really struggling to find a solution here and don’t understand why I’m unable to affect the firing of the link event.

Any ideas? Thanks

Read more here: Ubermenu – JS Conflict on Click Events


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: