Both Menus Responsiv?

[ddunn]

Using Magazine Pro, I have managed to duplicate the responsive-menu.js script so that both the Primary and Secondary menus are responsive. The styles drop into the appropriate places so that is good. The only issue is that clicking on either menu icon opens up both menus. What am I missing to make it control each menu independently?

(jQuery(function( $ ){

	$(".nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div id="responsive-menu-icon"></div>');
	
	$("#responsive-menu-icon").click(function(){
		$("nav .genesis-nav-menu").slideToggle();
	});
	
	$(window).resize(function(){
		if(window.innerWidth > 768) {
			$(".nav-primary .genesis-nav-menu").removeAttr("style");
		}
	});
	
})
);
//FOLLOWING ADDED BY DONNA
(jQuery(function( $ ){

	$(".nav-secondary .genesis-nav-menu").addClass("responsive-menu-2").before('<div id="responsive-menu-icon-2"></div>');
	
	$("#responsive-menu-icon-2").click(function(){
		$("nav .genesis-nav-menu").slideToggle();
	});
	
	$(window).resize(function(){
		if(window.innerWidth > 768) {
			$(".nav-secondary .genesis-nav-menu").removeAttr("style");
		}
	});
	
})
);

http://y-jesus.org/

[Susan]

As you posted this a while back, I hope you were able to resolve your issue. If not, check back in here, and I will attempt to troubleshoot further, or escalate.

If it has been resolved, please mark it as “resolved”, so that the thread can be closed.

Thanks!

[ddunn]

Hi Susan,

This is still not resolved. I found a work-around, but in the long run, would like to be able to add to the theme instead of use a plugin.

[Author]

Posts