How to make Navigation be toggled by a hamburger MENU icon in Altitude Pro. https://sridharkatakam.com/how-to-make-navigation-be-toggled-by-a-hamburger-menu-icon-in-altitude-pro/

gistfile1.js

$( '.nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu' ).addClass( 'responsive-menu' ).before('<div class="responsive-menu-icon"></div>');

gistfile2.css

/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
	margin-bottom: 10px;
	text-align: center;
}

.responsive-menu-icon::before {
	color: #fff;
	content: "\f333";
	font: normal 24px/1 "dashicons";
	margin: 0 auto;
}

.nav-secondary .responsive-menu-icon {
	margin: 10px auto 0;
}

gistfile3.css

/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	padding: 24px 0;
	float: right;
	margin-left: 20px;
	line-height: 1;
}
.site-header.dark .responsive-menu-icon {
	padding: 14px 0;
}

.responsive-menu-icon::before {
	color: #fff;
	content: "\f333";
	font: normal 24px/1 "dashicons";
	margin: 0 auto;
	vertical-align: middle;
}

.nav-secondary .responsive-menu-icon {
	margin: 10px auto 0;
}

.genesis-nav-menu.responsive-menu {
	display: none;
}

.menu-text {
	color: #fff;
	vertical-align: top;
	margin-top: 5px;
	margin-left: 5px;
	display: inline-block;
	font-size: 14px;
}

gistfile4.css

.genesis-nav-menu a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 1px;
	padding: 30px 15px;
	text-transform: uppercase;
}

.site-header.dark .genesis-nav-menu a {
	padding: 20px 15px;
}

gistfile5.css

.genesis-nav-menu a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 1px;
	/*padding: 30px 15px;*/
	padding: 29px 15px;
	text-transform: uppercase;
}

.site-header.dark .genesis-nav-menu a {
	/*padding: 20px 15px;*/
	padding: 19px 15px;
}

gistfile6.css

.responsive-menu-icon {
	float: none;
	margin-left: 0;
	padding-bottom: 10px;
}

global.js

$( '.nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu' ).addClass( 'responsive-menu' ).before('<div class="responsive-menu-icon"><span class="menu-text">MENU</span></div>');