Sub menu’s inner menu not show in mobile why ?

Hi,

I have checked your site.

Screenshot: https://i.imgur.com/2ewDEle.png

Could you please replace this code in the: /wp-content/plugins/wp-megamenu/assets/js/wpmm.js file

(function($) {

    $('.wpmm-social-link-search').on('click',function(e){
        e.preventDefault(); 
        $('.wpmm-search-form').toggle();
    });

   //Sticky Nav
    jQuery(window).on('scroll', function(){'use strict';
        if ( jQuery(window).scrollTop() > 100 ) {
            jQuery('.wpmm-sticky').addClass('wpmm-sticky-wrap');
        } else {
            jQuery('.wpmm-sticky').removeClass('wpmm-sticky-wrap');
        }
    });

    //Mobile Menu Dsiable
    var wpmm_disable_mobile = wpmm_object.wpmm_disable_mobile;
    if ( wpmm_disable_mobile == 'false' ) {
        $(document).on('click', '.wpmm_mobile_menu_btn', function(e){
            e.preventDefault();
            $(this).closest('.wpmm-mobile-menu').find('.wp-megamenu').slideToggle();
        });
        function wpmmMobileMenuActive() {
            var current_width = parseInt($(window).width());
            var wpmm_responsive_breakpoint = parseInt(wpmm_object.wpmm_responsive_breakpoint.replace('px', ''));
           

            //Default Break Point 768
            if (current_width < (wpmm_responsive_breakpoint + 1) ){
                 $('.wp-megamenu-wrap ').addClass('wpmm-mobile-menu');
 
                 $('ul.wp-megamenu li a, ul.wp-megamenu li b, ul.wp-megamenu li i').off('click').on('click',function(e){
 
                     var linkHref = $(this).attr('href');
                     if (linkHref) {
                         if (linkHref !== '#' &&  linkHref.substr(0, 10).toUpperCase() !== 'JAVASCRIPT' ) {
                             return;    
                         }
                     }
                 
 
                     if ($(this).closest('li').hasClass('wpmm_dropdown_menu') || $(this).closest('li').hasClass('wpmm_mega_menu') || $(this).closest('li').hasClass('menu-item-has-children') ){
                         e.preventDefault();
                         if ($(this).closest('li').find('ul').length) {
                             if ($(this).closest('li').hasClass('wpmm_dropdown_menu')) {
                                 $(this).closest('li').find('ul.wp-megamenu-sub-menu').first().toggle();
                             } else {
                                 $(this).closest('li').find('ul').toggle();
                                 $(this).closest('li').find(".wpmm-row ul").show();
                             }
                         }
                     }
                 });
            }else{
                $('.wp-megamenu-wrap ').removeClass('wpmm-mobile-menu');
            }

        }
        wpmmMobileMenuActive();
        $(window).on('resize', wpmmMobileMenuActive);
    }

    //Row Stress
    var megamenu_strees_row_content = function () {
        var fullWidth = $(window).width();
        $('.wpmm-strees-row-and-content-container').each(function () {
            var base_width = $(this).find('>.wpmm-row-content-strees-extra').width();
            var left = (fullWidth - base_width) / 2;
            $(this).css({'width': fullWidth, 'left': '-'+left+'px', 'position' : 'absolute'});
        });
    };
    megamenu_strees_row_content();
    $(window).on('resize', megamenu_strees_row_content);
    
})(jQuery);

If not work, please email me- [email protected]

Regards,
Fahim

• This reply was modified 6 years, 10 months ago by FahimMurshed.

I also had the same issue, Thanks a lot @fahimmurshed.

But don’t you think update will revert this change. Can’we update some code in child themes JS file so Update won’t break. Or release the update which resolves this issue itself.

Once again thanks dude

Hello,
This is plugin update not your effect on your theme.

I hope, your problem will be solved. If not, please email us [email protected]

Regards.

I had the same issue with v1.1.2, with no javascript console errors. I replaced the JS and I was fine. Thank you.

While I’m here, I wanted to say I found two bugs.

1. I pasted some custom CSS into your custom CSS block, which has :before in there. When I hit save, it did not save the CSS, though I noticed all my menu settings were reset. I was afraid to enter any CSS afterwards for fear of resetting my styles.

2. Prior to seeing this thread, I thought about disabling your WPMM for mobile and using the default menu. When I clicked it to disable for mobile, it also disabled it for desktop!

Anyway, thank you for your hard work. It’s a nice interface to allow for complex menus.