Trying to get the primary nav above the header in Parallax Pro

[Jason Weber]

Hey!

I'm having a heck-uv-a time getting the primary navigation to show above the .site-header in Parallax pro.

I'm focused on the code in functions.php, of course:

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

So I change it to:

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

And the result is, as expected: http://i.imgur.com/x94dpoR.jpg

But if I change it to:
//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav');
//* add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

The result, oddly, is: http://i.imgur.com/lq0tgYL.jpg

This is not expected. I would like for the primary nav to be at the very top of the page, and the .site-header just below it.

I'm attempting to implement a mega menu that will be 50px in height and use that for the primary navigation.

So ideally, I'd like to push the .site-header down 50px, so I can fit the primary nav before it, at the top of the screen.

I did e-mail Genesis support, and was just told "learn how to use Firebug and adjust the CSS" ... which I'm quite familiar how to do, and obviously didn't answer my question!

Any guidance in this regard would be greatly appreciated!

---

Webby’s WebPrezence
National Center For Due Process

https://cases.nationalcdp.org

[Jason Weber]

For anybody running into a similar issue, I fixed my issue by doing this to the functions.php:

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

And then adjusting your CSS to this (or just inserting it in Custom CSS if you have that option -- recommended), as the native CSS has a margin-bottom of 60px:

.nav-primary {
	margin-bottom:0px!important;
}

---

Webby’s WebPrezence
National Center For Due Process

[Author]

Posts