siga
7/21/2016 - 7:28 PM

Always hamburger (hamburger icon on desktops) for a header right menu. Dynamik solution without plugin.

Always hamburger (hamburger icon on desktops) for a header right menu. Dynamik solution without plugin.

/* Goes to Dynamik Design - Skins - CSS */

.site-header .widget-area {
	display:none;
}

.responsive-primary-menu-container {
	background: #FFFFFF;
	border-bottom: 0px solid #DDDDDD;
	margin: 0 10px 0 0;
	overflow: hidden;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.responsive-primary-menu-container h3 {
	padding-left: 15px;
	color: #888888;
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	float: left;
}
.responsive-primary-menu-container .responsive-menu-icon {
	padding: 10px;
	float: right;
	/* A border maybe? Up to you! */
	/* border: 1px solid #ccc;
	border-radius: 7px;*/
}
.responsive-primary-menu-container .responsive-icon-bar {
	display: block;
	width: 18px;
	height: 3px;
	background: #888888;
	margin: 1px 0;
	float: right;
	clear: both;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

/* Float hamburger right */
.responsive-primary-menu-container {
	display:inline-block;
	float:right;
	width: auto;
	padding-top:25px;
}
/* Goes to Dynamik Design - Responsive - Tablet Landscape Cascading @media query (1st media query box) */

/* Float title/logo left */
.title-area {
	display: inline-block;
	float: left;
	width: auto;
	padding-left: 15px;
}
//* Goes to Dynamik Design - Skins - Your Skin - PHP (AFTER line 45, read bottom comments)

//* Reposition the primary mobile nav inside header, so we can align hamburger and title/logo side by side
remove_action( 'genesis_after_header', 'dynamik_mobile_nav_1', 9 );
add_action( 'genesis_header', 'dynamik_mobile_nav_1', 9 );