• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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.

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.

Related Tutorials

  • Reposition Agency Pro Themes Nav Menu Before Header & Make Sticky

Reader Interactions

Comments

  1. Carlson007 says

    September 9, 2015 at 6:13 pm

    How do I move the secondary menu in altitude pro( which is above the header by default) below the header. Thanks.

    Log in to Reply
    • Brad Dalton says

      September 9, 2015 at 9:51 pm

      Its in the header by default as you can see in the functions file:

      //* Reposition the secondary navigation menu
      remove_action( 'genesis_after_header', 'genesis_do_subnav' );
      add_action( 'genesis_header', 'genesis_do_subnav', 5 );

      You can change the hook in the default code from genesis_header to genesis_after_header however you will nee d to modify the CSS as well which is not something i have worked out or written about at this stage.

      Log in to Reply
  2. Jason Weber says

    September 19, 2014 at 6:48 am

    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.

    Log in to Reply
    • Brad Dalton says

      September 19, 2014 at 1:27 pm

      You need to modify the code in your theme as its coded differently.

      Log in to Reply
  3. Humayun Hashmi says

    July 23, 2014 at 10:20 pm

    it works…. thanks. Can i make this menu responsive and the other one also?

    Log in to Reply
    • Brad Dalton says

      July 24, 2014 at 12:21 am

      They are by default.

      Log in to Reply
  4. Martin Messier says

    June 13, 2014 at 1:30 pm

    Thanks, this was really helpful. Sweet and to the point.

    Log in to Reply
  5. Rofik says

    November 20, 2013 at 7:11 am

    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..

    Log in to Reply
    • Brad Dalton says

      November 20, 2013 at 8:12 am

      Hello Rofik

      Did you work it out?

      Log in to Reply
      • Rofik says

        November 21, 2013 at 3:57 pm

        Yes Brad, it worked well. Now I also found the code to add top navigation instead of reposition the primary navigation. And I can add some css code to make the appearance look better.

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.