Reposition Secondary menu below Primary Menu in Genesis Sample

This tutorial provides the steps to reposition the secondary menu below the primary menu, after primary navigation in the Genesis Sample.

Tested on Genesis Sample 2.6.1+

STEP 1

Open functions.php and find

// Repositions the secondary navigation menu.
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_footer', 'genesis_do_subnav', 10 );

replace with

// Repositions the secondary navigation menu.
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_header', 'genesis_do_subnav', 14 );

STEP 2

Open functions.php or /config/theme-supports.php and change the menu label.

// Renames primary and secondary navigation menus.
add_theme_support(
    'genesis-menus', array(
        'primary'   => __( 'Header Menu', 'genesis-sample' ),
        'secondary' => __( 'Footer Menu', 'genesis-sample' ),
    )
);

Header Menu = Primary Menu
Footer Menu = Secondary Menu

STEP 3

Combine the Primary and Secondary Menu. Open functions.php and in this function

/**
 * Defines responsive menu settings.
 *
 * @since 2.3.0
 */
function genesis_sample_responsive_menu_settings() {

	$settings = array(
		'mainMenu'         => __( 'Menu', 'genesis-sample' ),
		'menuIconClass'    => 'dashicons-before dashicons-menu',
		'subMenu'          => __( 'Submenu', 'genesis-sample' ),
		'subMenuIconClass' => 'dashicons-before dashicons-arrow-down-alt2',
		'menuClasses'      => array(
			'combine' => array(
				'.nav-primary',
			),
			'others'  => array(),
		),
	);

	return $settings;

}

find

			'combine' => array(
				'.nav-primary',
			),

replace with/add ‘.nav-secondary’,

			'combine' => array(
				'.nav-primary',
				'.nav-secondary',
			),

OR in /config/responsive-menus.php

        'menuClasses' => array(
            'others' => array( '.nav-primary' ),
        ),

        'menuClasses'      => array(
            'combine' => array(
                '.nav-primary',
                '.nav-secondary',
            ),
            'others'  => array(),
        ),

STEP 4

Secondary Menu doesn’t support sub-menu by default. Open functions.php and find the function

add_filter( 'wp_nav_menu_args', 'genesis_sample_secondary_menu_args' );
/**
 * Reduces secondary navigation menu to one level depth.
 *
 * @since 2.2.3
 *
 * @param array $args Original menu options.
 * @return array Menu options with depth set to 1.
 */
function genesis_sample_secondary_menu_args( $args ) {

	if ( 'secondary' !== $args['theme_location'] ) {
		return $args;
	}

	$args['depth'] = 1;
	return $args;

}

and change the depth to 2

	$args['depth'] = 2;

STEP 5

Add some CSS in style.css

.nav-secondary {
    clear: both;
    line-height: 1;
    width: 100%;
    margin-top: 0;
}

.nav-secondary .genesis-nav-menu a {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0;
    margin-bottom: 10px;
    line-height: 15px;
}