Make nav bar fixed after scrolling for a number of pixels WordPress

Eric P. answers:

I use jQuery sticky(). There are several versions. I've used the one from Anthony Garand. You can download it from [[LINK href="http://labs.anthonygarand.com/sticky"]]http://labs.anthonygarand.com/sticky[[/LINK]]

You'll need to put the script file in with your plugin or theme.

Then, use wp_enqueue_script to load it. You can do that from whatever your functions.php hooks to the "init" action.

Then, you just need to add this code to the footer:

jQuery(function($){
$('#nav-menu').sticky({topSpacing:0})
});

To do that, you can add an function to the wp_footer action to echo that (or leave it outside the ?> <?php within the function you hook to wp_footer).

That should do it. Do you need help adding this to a theme, or do you need a plugin to implement it? Contact me if you need it done for you, turn key style in a plugin.

Zac Eckstein comments:

Thank you. I will attempt this again myself using those instructions. If I'm still not able to get it to work I might take you up on the offer of a full fledged plugin for $30.

Thanks, I'll write back later today.

z

Zac Eckstein comments:

Yeah, tried that and just got more frustrated. I just can't wrap my head around enqueing scripts and all that stuff, I don't get it!

If you're willing, I'll take that plugin option for $30, or I can send you files or give you some ftp access if that's easier. I don't really care about the method as long as it does what it should.

Thanks.