Docs

[8BITdigital]

Hi, is it possible to change the mobile navigation. Right now if there is a sub menu, it adds the 2 down arrows, you have to tap on the arrows to see the drop down. Can I change it so that if you tap on the word it shows the drop down as well? People are getting confused and dont realise that they need to click on the arrows.

thank you!

[Paul R]

Hi,

To achieve that, you can add this under Custom > Edit Global Javascript in the Customizer.

jQuery(function($) {
    $('.x-navbar .menu-item-has-children > a').on('click touchend', function(e) {
    e.preventDefault();
    $(this).parent().toggleClass('x-active');
    $(this).find('.x-sub-toggle').toggleClass('x-active');
    $(this).next('.sub-menu').toggleClass('in');
  });
});

Hope that helps.

[Author]

Posts