Sridhar Katakam

Genesis and WordPress Tutorials

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

by 2 Comments

In the past I wrote about adding the word MENU to the hamburger menu icon at responsive breakpoints in Altitude Pro and Ambiance Pro.

In this article I share the code for the same in Executive Pro.

Before:

executive-pro-menu-before

After:

executive-pro-menu-after

Step 1

Edit js/responsive-menu.js.

Change

$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>');
view raw gistfile2.js hosted with ❤ by GitHub

to

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Hi Sridhar,

    This worked for Executive Pro, but how would you add the menu beside the hamburger in Showcase Pro? The JS Responsive file doesn’t have the line above to change.

    Thanks!

    Theresa 😎

    Reply
    • >