Disable the responsive menu only for secondary nav

[Latinadeideas]

I am trying to disable the responsive only for secondary in paralax pro
theme.

I found that you have to modify the js inside the theme, but even if there
is not nav-secondary declared here, the menu transforms into burger.

I repositioned the nav-secondary into the header

here is the jquery detail

jQuery(function( $ ){

$(“header .genesis-nav-menu, .nav-primary
.genesis-nav-menu”).addClass(“responsive-menu”).before(‘

’);

$(“.responsive-menu-icon”).click(function(){

$(this).next(“header .genesis-nav-menu, .nav-primary
.genesis-nav-menu”).slideToggle();

});

$(window).resize(function(){

if(window.innerWidth > 768) {

$(“header .genesis-nav-menu, .nav-primary .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”);

});

});

});

URL

http://qacorp.coyote.com/wordpress/

Child Theme

Parallax

------------------

http://qacorp.coyote.com/wordpress/

[Latinadeideas]

Hi guys! I figured out.
I hope this is useful for someone. Just changed the js for this one. Naming only the menu I need to be responsive, it excldes the other menu I placed inside the header.

it feels good to solve this task!

jQuery(function( $ ){

$("header .header-widget-area .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');

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

$(window).resize(function(){
if(window.innerWidth > 768) {
$("header .header-widget-area .genesis-nav-menu, .nav-primary .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");
});
});

});

[Author]

Posts