Mobile Menu problem

[JPJP9]

I have the following jQuery to change the nav to a hamburger on mobile, but the menu starts off open and not closed - its working fine otherwise

jQuery(function( $ ){
     'use strict';
	$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon">≡ Menu</div>');

	$(".responsive-menu-icon").click(function(){
		$(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").slideToggle();
	});

	$(window).resize(function(){
		if(window.innerWidth > 799) {
			$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu, nav .sub-menu").removeAttr("style");
			$(".responsive-menu > .menu-item").removeClass("menu-open");
		}
	});

	$(".responsive-menu > .menu-item").click(function(event){
		if (event.target !== this)
		return;
			$(this).find(".sub-menu:first").slideToggle(function() {
			$(this).parent().toggleClass("menu-open");
		});
	});

});

[Christoph]

Hi,

what theme are you using?
It would help a lot if you could give us a link to the website in question.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[JPJP9]

www . webtree . com . au / TESTING / civium

[Christoph]

Hi,

could you please try removing display: block; from ul#menu-main-menu { ?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[JPJP9]

Awesome. Thank you so much. That worked.

[Author]

Posts