Genesis and WordPress Tutorials
by Sridhar Katakam 1 Comment Favorited: 2 times
This tutorial provides the steps to customize the hamburger menu icon in Cafe Pro to animate to a close (X) icon when tapped based on this earlier tutorial.
Edit js/global.js.
Replace
$(".responsive-menu-icon").click(function(){
$(this).next(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu").slideToggle();
});
with
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Find my tutorials helpful and wish to donate?
Session expired
Please log in again. The login page will open in a new tab. After logging in you can close it and return to this page.
[…] https://sridharkatakam.com/animated-hamburger-menu-icon-in-cafe-pro/ […]