Sridhar Katakam

Genesis and WordPress Tutorials

Animated Hamburger Menu Icon in Cafe Pro

by 1 Comment

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.

Step 1

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.

>