Hamburger Menu stopped working after update

Hi @tomp1495,

I am sorry to hear about the trouble you’re experiencing. I am happy to help with it.

Currently you have a customized menu made with additional JavaScript. Seems likely further debugging is required to retain your current menu style/behaviour for core script update in the newest version of the theme.

I’ll be back to you and keep you updated with the solution as it requires some times for debugging and testing. Please be patience.

Regards,
Kharis

Hey !

Thanks for your fast answer…
Yeah something might be wrong since i didnt update the theme in a long time..

Here is the custom java script code which i got back in the day in this forum…

jQuery(function($) {

 var	menuType = 'desktop';

 $(window).on('load resize', function() {
   var currMenuType = 'desktop';

   if ( matchMedia( 'only screen and (max-width: 9999px)' ).matches ) {
     currMenuType = 'mobile';
   }

   if ( currMenuType !== menuType ) {
     menuType = currMenuType;

     if ( currMenuType === 'mobile' ) {
       var $mobileMenu = $('#mainnav').attr('id', 'mainnav-mobi').hide();
       var hasChildMenu = $('#mainnav-mobi').find('li:has(ul)');

       $('#header').find('.header-wrap').after($mobileMenu);
       hasChildMenu.children('ul').hide();
       hasChildMenu.children('a').after('<span class="btn-submenu"></span>');
       $('.btn-menu').removeClass('active');
     } else {
       var $desktopMenu = $('#mainnav-mobi').attr('id', 'mainnav').removeAttr('style');

       $desktopMenu.find('.submenu').removeAttr('style');
       $('#header').find('.col-md-10').append($desktopMenu);
       $('.btn-submenu').remove();
     }
   }
 });
 

 $(document).on('click', '#mainnav-mobi li .btn-submenu', function(e) {
   $(this).toggleClass('active').next('ul').slideToggle(300);
   e.stopImmediatePropagation()
 });
 
 
});

Maybe this helps ?

Any news or suggestions so far?

Some solutions so far? its still not working ??