Mobile Menu Help

Support
#1

Hello!

Currently when you access my website on mobile, the menu is fully expanded by default. The hamburger collapser does not work well and only works sometimes.

Originally I couldn’t even see the menu, but found a way to change the color so it was visible.

However I still can’t figure out why the mobile menu is fully expanded, and why the collapse feature does not work well.

Thank you

My website is emfcademy.com

I’ve searched around but have been unable to fix this myself. Thank you

#2

Hello There,

Thanks for writing in! I have inspected your site and I found out that the mobile menu is not working because you inserted this custom JS code:

(function($){
  $('.x-navbar .x-nav-wrap.mobile a').on('touchend click', function(){
    $('.x-nav-wrap.mobile').toggleClass('in').css('height', 0);
    $('.x-btn-navbar').toggleClass('collapsed');
  });
})(jQuery);

Please remove this code and test your site again.

#3

Hello,

Thank you for noticing that, I have removed it and it does not seem to have made any difference.

#4

Hello,

Thank you for noticing that, I have removed it and it does not seem to have made any difference.

#5

Hi there,

Actually the change my colleague asked you to do, did the trick and I see the mobile menu closed at first on my iPhone SE, and clicking the burger menu opens it up. Most probably, your mobile browser is using a cached version of the website. Please clear your mobile browser cache or use another mobile device which you have never checked the website with to test the case.

Thank you.

#6

I thought you were right after clearing the cache on my phone and browsing to the page. However after clicking away from the homepage the same issues arose. Even after navigating back to the homepage there were still significant issues with the mobile menu.

Thank you for looking into this.