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

June 13, 2015 by Sridhar Katakam 4 Comments

Chris asks,

Hi how do you add the word MENU in the Ambiance pro theme?

Here's how.

Before:

After:

Edit js/effects.js.

Replace

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

view raw effects.js hosted with ❤ by GitHub

with

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

Already a member? Log in below or here.

About Sridhar Katakam

I am an independent WordPress web consultant with 10 years of experience in WordPress theme installation, customization, administration, maintenance, support, documentation, troubleshooting and PSD/design to WP.

Thank you!

How do i add it in executive pro theme

Sridhar Katakam says:

June 23, 2015 at 11:16 am

Here you go: http://sridharkatakam.com/how-to-add-menu-to-the-right-of-hamburger-icon-in-executive-pro/

Reply

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