Move Genesis Nav Menu Before or After Header

Moving navigation menu’s in Genesis is easy.

By default, Genesis includes 2 menu’s.

A primary and a secondary menu.

To move either of these nav menu’s before or after your header area, simply place this php code in your child theme’s functions.php file.

Warning: Always a good idea to have access to FTP and backup your files before editing php code in case you make a mistake.

Go to Appearance > Editor > functions.php

Primary Menu

To move your primary menu above your header, paste this code into your child themes  functions file.

/** Move Primary Nav Menu Above Header */

remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

Secondary Menu

To move your secondary menu above your header, paste this code into your child themes functions file.

/** Move Secondary Nav Menu Above Header */

remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_header', 'genesis_do_subnav' );
Move Nav Menu Above Header
Moving Primary or Secondary Nav Menu Before or After Header in Genesis
The menu you choose to move must be active in order to move it.
Genesis Navigation Menus
To move a Primary or Secondary nav menu, it must be selected from the drop down and saved so its active.

The WordPress menu system is easy to customize and highly flexible.

You can also place a search box, social media buttons and other functions in your menu’s.

Never Miss a Tip from Brad Dalton

Get my latest web design tutorials, elegant coding solutions & useful tips.

5 Reasons Mad Mimi Works Better

mad-mimi
  1. Sends From Your Email Address - More personal & higher open rate
  2. Cheapest - $42 for list of 10,000 emails, unlimited sends
  3. Ease of Use - The easiest system to create & setup campaigns
  4. RSS to E-Mail - Auto send list of latest posts
  5. Auto Send Any Number of Days - enables you to offer multiple newsletters at different frequencies.

Click here to create a free account.

Comments

  1. Jason Weber says

    I know the snippet and how Genesis operates, but I’m having a heck of a time accomplishing this effect in the Parallax Pro child theme.

    I also have a custom functions … I can get the primary nav before the header, but then it pushes the header down to where the sidebar is.

  2. Rofik says

    Nice tips. Lucky that I found this site, I’m trying to change the position of the primary navigation on my genesis framework.

    Yeah, I’m a newbie in coding. Thanks Brad..

Leave a Reply

Your feedback is always appreciated.

Your feedback is always welcome & appreciated however WP Sites does not reply to anonymous comment authors or approve loaded questions. Members get answers to unlimited questions.