How to move navigation bar(s) above header in Genesis

Genesis by default comes up with two navigation bars, primary and secondary. They both are seen after your Header. Though some people likes it some wont. Genesis provides you an option to change the positions of Navigational bars so easily through simple hooks. Let us see how to do that.

Before stepping further hope you created a child theme for Genesis, if not read our tutorial how to create a child theme for Genesis

Move your primary Navigation Menu to above Header in Genesis theme

  • Login to Dashboard
  • Go to Apperance ->Editor -> functions.php
  • add the below part of the code.
/** Moving primary nav menu above Header */
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' ); 
  • Save it
  • Check your site
  • If you want to move your secondary Navigation Menu also above header add the below code,
/** Moving secondary nav menu above header*/
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_header', 'genesis_do_subnav' ); 


  1. ravinder says:

    what about below header

Speak Your Mind


nine − = 7