Making Header menu mobile responsive in Outreach Pro. http://sridharkatakam.com/make-header-menu-mobile-responsive-outreach-pro/

responsive-menu.js

jQuery(function( $ ){

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

	$("#responsive-menu-icon-header").click(function(){
		$("header .genesis-nav-menu").slideToggle();
	});
	$("#responsive-menu-icon-nav").click(function(){
		$(".nav-primary .genesis-nav-menu").slideToggle();
	});

	$(window).resize(function(){
		if(window.innerWidth > 600) {
			$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").removeAttr("style");
		}
	});

});

style.css

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

#responsive-menu-icon-header,
#responsive-menu-icon-nav {
	cursor: pointer;
	display: none;
}

#responsive-menu-icon-header::before,
#responsive-menu-icon-nav::before {
	-webkit-font-smoothing: antialiased;
	color: #fff;
	content: "\e00e";
	font-family: 'Icon';
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
}

@media only screen and (max-width: 600px) {

	#responsive-menu-icon-header,
	#responsive-menu-icon-nav {
		display: block;
	}

}