responsive

Javascript
- - - - - - - - - - - - - - - - - - 

$( '.nav-header' ).before( '<button class="menu-toggle header-toggle" role="button" aria-pressed="false"></button>' ); // Add toggle to header menu
$( '.nav-primary' ).before( '<button class="menu-toggle primary-toggle" role="button" aria-pressed="false"></button>' ); // Add toggle to primary menu
$( '.nav-secondary' ).before( '<button class="menu-toggle secondary-toggle" role="button" aria-pressed="false"></button>' ); // Add toggle to secondary menu
$( 'nav .sub-menu' ).before( '<button class="sub-menu-toggle" role="button" aria-pressed="false"></button>' ); // Add toggles to sub menus


CSS
- - - - - - - - - - - - - - - - - - 
	
	
	.menu-toggle {
		width: 100%!important;
	}
	
	.menu-toggle.header-toggle {
		background-color: red;
		border-bottom: 1px solid #3a3a3a;
		color: #999;
	}
	
	.menu-toggle.primary-toggle {
		background-color: green;
		border-bottom: 1px solid #444;
		color: #999;
	}
	
	.menu-toggle.secondary-toggle {
		background-color: blue;
		border-bottom: 1px solid #eee;
		color: #999;
	}