You are here: Home/Blog/Genesis/ How To Move The Genesis Navigation Menu Before Or After The Header

How To Move The Genesis Navigation Menu Before Or After The Header

Last updated

Genesis makes it easy to move both navigation menus with a simple line of code. Rather than have to go into your child theme’s template files and copy and paste the markup for your website’s navigation you can simply add the appropriate code to your child theme’s functions.php to move the navigation bar.

By default, the genesis navigation bar appears after the header and before the content. Many designers prefer to move the navigation bar to be alongside the logo or before the site’s header.

Many designers prefer to move the navigation bar to be alongside the logo or before the site’s header.

Depending on where you’d like to place it depends on which area of your child theme you’re going to “hook” into.
Here’s a little trick if you’re ever in doubt which hook to use in Genesis. Download the Genesis Visual Hook Guide which will reveal all the actions hooks on your website.

I’m using the Genesis Sample theme for this example and by activating the Visual Hooks plugin we can see that our navigation bar rests in the genesis_after_header hook.

The process for making this change is rather simple. First all you’ll need to load up your text editor of choice (I prefer Sublime text) and copy and paste the following code.

This code will “unhook” the primary navigation and sub-navigation bars from the genesis_after_header and rehook it in the genesis_before_header area effectively moving the navigation bars to the top of the page.

Couldn’t be more simple than this!

If you want to move the navigation bar next to your logo you would simply hook it into genesis_header and then use CSS to style everything properly. Perhaps I will save this for another tutorial in the future.

Note: Sometimes I post affiliate links for awesome products that I use and love and will earn a commission if you purchase through my link. If you think the information I provide is useful please use my link to make a purchase thank you.