Sticky primary menu after header for Wellness Pro theme

[vissersj]

Hello,

I am using the Wellness Pro theme and have implemented the Studiopress solution for sticky menu (http://my.studiopress.com/tutorials/sticky-menu/). Unfortunately the primary navigation is now visible on top over the header instead of under the header (and if you scroll down on top). Please see http://kringloop2switch.nl/ . I have made the following adjustments:

Commented out the reposition code:

//* Reposition the primary navigation menu
//remove_action( 'genesis_after_header', 'genesis_do_nav' );
//add_action( 'genesis_before', 'genesis_do_nav' );

Commented out the js code, so the primary menu is visible all the time:

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-primary").fadeIn();
} else {
$(".nav-primary").fadeOut();
}*/
});
});

Added a little css, but if I comment out 'position' or 'top', the primary menu is under the header but not sticky or sticky in the middle of the screen.

.nav-primary {
background-color: #fff;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
/*display: none;*/
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}

http://kringloop2switch.nl/

[William]

I think one of the following 2 options will get you going:

http://stackoverflow.com/questions/1216114/how-can-i-make-a-div-stick-to-the-top-of-the-screen-once-its-been-scrolled-to

Scroll-Then-Fix Content

🙂

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[vissersj]

Thank you, but this solution worked better for me: http://www.simpleprothemes.com/sticky-navigation-menu-flex-pro-theme/

[Author]

Posts