Skip to content

Instantly share code, notes, and snippets.

@srikat

srikat/style.css Secret

Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save srikat/00979015d43cc6ad3ecf to your computer and use it in GitHub Desktop.
Save srikat/00979015d43cc6ad3ecf to your computer and use it in GitHub Desktop.
How to add MENU to the right of hamburger icon in Executive Pro. https://sridharkatakam.com/how-to-add-menu-to-the-right-of-hamburger-icon-in-executive-pro/
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"><span class="menu-text">MENU</span></div>');
$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');
/* Responsive Menu
--------------------------------------------- */
.responsive-menu-icon {
background-color: #f2f2f2;
cursor: pointer;
display: none;
}
.responsive-menu-icon::before {
content: "\f333";
display: block;
font: normal 20px/1 'dashicons';
margin: 0 auto;
padding: 10px;
text-align: center;
}
/* Responsive Menu
--------------------------------------------- */
.responsive-menu-icon {
background-color: #f2f2f2;
cursor: pointer;
display: none;
text-align: center;
margin-top: 10px;
margin-bottom: 15px;
}
.responsive-menu-icon::before {
content: "\f333";
display: inline-block;
font: normal 20px/1 'dashicons';
padding: 10px;
}
.menu-text {
vertical-align: top;
display: inline-block;
margin-top: 7px;
font-size: 15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment