Hamburger menu on mobile not opening

[CaseyGris]

Hello, the menu on my website does not open or work in mobile format. The hamburger menu can be seen, but nothing happens when it is clicked. My website is havoly.com

I read through other posts with the same issue, and found this js code you suggested in a previous reply, but adding this didn’t work either:

jQuery(document).ready(function($) {
$(“li.menu-item-82 > a”).on(‘click touchend’, function(event) {
event.preventDefault();
$(".sub-menu.sm-0").toggleClass(‘in’);
if( $(".sub-menu.sm-0").hasClass(‘in’) ){
$(".sub-menu.sm-0").css(‘height’, ‘auto’);
} else {
$(".sub-menu.sm-0").css(‘height’, ‘0px’);
}
});
});

Is there any other suggestions you have for me?

Thanks,
Casey

[nabeel]

Hi Casey,

Thanks for writing around! Since you’re using Pro, you should use Pro header instead. Please see https://theme.co/apex/forum/t/pro-header-and-footer-builder-introduction/103 this should resolve the mobile menu issue.

Hope this helps!