Remove default Responsive Menus and add custom menu in Genesis Sample 3.0.0+

The newer Genesis Sample doesn't have responsive-menus.js by default and enqueue directly from the Genesis Framework.

STEP 1

Remove the default Responsive menus.

We can remove it by deleting the following lines in child-theme/functions.php

// Registers the responsive menus.
if ( function_exists( 'genesis_register_responsive_menus' ) ) {
	genesis_register_responsive_menus( genesis_get_config( 'responsive-menus' ) );
}

Now, the file genesis-sample/config/responsive-menus.php will not work and a new menu setting will be required.

Now,

To Add the Responsive menu in Genesis Sample. Create a file responsive-menus.js and(.min.js) under /js/folder. Create a folder /js/ if it is not present in child-theme.

You can simply copy both files from genesis/lib/js/menu/

Now it is time to enqueue the script and Menu Settings.

STEP 2