Genesis Sticky Nav
jQuery(function( $ ){
$(window).scroll(function() {
var yPos = ( $(window).scrollTop() );
if(yPos > 200) { // show sticky menu after screen has scrolled down 200px from the top
$(".nav-secondary").fadeIn();
} else {
$(".nav-secondary").fadeOut();
}
});
});http://my.studiopress.com/tutorials/sticky-menu/<?php
//* Enqueue sticky menu script
add_action( 'wp_enqueue_scripts', 'sp_enqueue_script' );
function sp_enqueue_script() {
wp_enqueue_script( 'sample-sticky-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/sticky-nav.js', array( 'jquery' ), '1.0.0' );
}
//* Reposition the secondary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before', 'genesis_do_subnav' );
?>/* Secondary Navigation
--------------------------------------------- */
.nav-secondary {
background-color: #333;
display: none;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.nav-secondary .genesis-nav-menu a {
padding: 20px;
padding: 2rem;
}
.nav-secondary .genesis-nav-menu .sub-menu a {
padding: 16px 20px;
padding: 1.6rem 2rem;
}
.nav-secondary a:hover,
.nav-secondary .current-menu-item > a,
.nav-secondary .menu-item-home > a,
.nav-secondary .menu-item-home > a:hover {
color: #fff;
}
.nav-secondary .sub-menu a:hover {
color: #333;
}
.nav-secondary .sticky-right {
float: right;
}
@media only screen and (max-width: 767px) {
.nav-secondary .sticky-right {
float: none;
}
}