Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save srikat/8838421 to your computer and use it in GitHub Desktop.
Save srikat/8838421 to your computer and use it in GitHub Desktop.
//* Reposition the secondary navigation menu
add_action( 'genesis_meta', 'sk_reposition_subnav' );
function sk_reposition_subnav() {
if( ! is_front_page() )
return;
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action ( 'genesis_before_footer', 'genesis_do_subnav', 1 );
}
jQuery(function( $ ){
$("header .genesis-nav-menu").addClass("responsive-menu").before('<div id="responsive-menu-icon-header"></div>');
$(".nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div id="responsive-menu-icon-nav"></div>');
$(".nav-secondary .genesis-nav-menu").addClass("responsive-menu").before('<div id="responsive-menu-icon-subnav"></div>');
$("#responsive-menu-icon-header").click(function(){
$("header .genesis-nav-menu").slideToggle();
});
$("#responsive-menu-icon-nav").click(function(){
$(".nav-primary .genesis-nav-menu").slideToggle();
});
$("#responsive-menu-icon-subnav").click(function(){
$(".nav-secondary .genesis-nav-menu").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 600) {
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").removeAttr("style");
}
});
});
.nav-secondary {
background-color: #111;
}
.nav-secondary .wrap {
margin-bottom: 0;
}
/* Responsive Menu
--------------------------------------------- */
#responsive-menu-icon-header,
#responsive-menu-icon-nav,
#responsive-menu-icon-subnav {
cursor: pointer;
display: none;
}
#responsive-menu-icon-header::before,
#responsive-menu-icon-nav::before,
#responsive-menu-icon-subnav::before {
-webkit-font-smoothing: antialiased;
color: #fff;
content: "\e00e";
font-family: 'Icon';
font-size: 16px;
font-size: 1.6rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
margin: 0 auto;
speak: none;
text-transform: none;
}
@media only screen and (max-width: 1023px) {
.nav-secondary {
text-align: center;
}
}
@media only screen and (max-width: 600px) {
#responsive-menu-icon-header,
#responsive-menu-icon-nav,
#responsive-menu-icon-subnav {
display: block;
}
.nav-secondary {
padding: 14px 0;
padding: 1.4rem 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment