Select menu for mobile menu

[vissersj]

In the Wellness Pro child theme I use two menus in the Header Right widget. In mobile viewing a Hamburger is used and all menus are combined. Though I only want a specific menu to be used for the Hamburger in mobile viewing. Is there a way to adjust the code snippet below to only use the custom menu for the Hamburger?

// Rename primary and secondary navigation menus.
add_theme_support( 'genesis-menus', array( 'primary' => __( 'After Header Menu', 'wellness-pro' ), 'secondary' => __( 'Footer Menu', 'wellness-pro' ), 'custom' => __( 'Mobile Hamburger Menu', 'wellness-pro' ) ) );

// Define our responsive menu settings.
function wellness_responsive_menu_settings() {

$settings = array(
'mainMenu' => __( 'Menu', 'wellness-pro' ),
'subMenu' => __( 'Submenu', 'wellness-pro' ),
'menuClasses' => array(
'combine' => array(
'.nav-header',
'.nav-primary',
),
),
);

return $settings;

}

[Brad Dalton]

Link to your site please.

---

Tutorials for StudioPress Themes & WooCommerce.

[vissersj]

Link website is https://tinyurl.com/yxvvb5vs , but I have put /*'.nav-header',*/ because I couldn't find a way to make it work with Hamburger menu in mobile viewing.

[Brad Dalton]

Remove the menu from the js.

'.nav-header', 

or

'.nav-primary',

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts