Support » Theme: Highwind » Move main menu and add a new menu above header.

  • I wanted to move the main menu under the header and add a new menu above the header.

    Here’s how:

    First visit this thread to move the menu.

    Then in functions.php (child theme):


    //Register a new menu area.
    register_nav_menu( 'above_header', 'Above Header' );
    //Make sure to create a new menu and assign it to 'Above Header'.
    //Setup the new menu and hook it in. 
    add_action ('highwind_header_before', 'add_highwind_header_menu');
    function add_highwind_header_menu() {
    	$defaults = array(
    	'theme_location'  => 'above_header',
    	'container'       => 'div',
    	'container_class' => 'header-nav',
    	'menu_class'      => 'menu',
    	'fallback_cb'     => 'wp_page_menu',
    	'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    wp_nav_menu( $defaults );

    All you have to do is style it. Here’s a bit to get started:

    .header-nav {  padding-top: 0;}
    .header-nav li {  display: block;  float: left;  list-style: none outside none;  position: relative;}
    .header-nav a {  -moz-box-sizing: border-box;  display: inline-block; padding: 0.844em 1.125em;  text-decoration: none; }


  • The topic ‘Move main menu and add a new menu above header.’ is closed to new replies.