askdesign
11/28/2015 - 10:58 PM

How to add MENU to the right of hamburger icon in Ambiance Pro

JS

2-style.css
content_copyfile_download
/* and add this in style.css: */
.menu-text {
	color: #fff;
	vertical-align: top;
	margin-left: 5px;
	display: inline-block;
	font-family: Lato, sans-serif;
}

@media only screen and (min-width: 1231px) {
	.menu-text {
		margin-top: 2px;
	}
}
1-effects.js
content_copyfile_download
// Before: ambiance hamburger menu

// After: ambiance hamburger menu followed by word "MENU"

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

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