Need Hamburger Menu in Metro Pro and Minimum Pro

[DAWolf]

I have recently moved two sites to new themes for mobile responsive: Metro Pro for one; Minimum Pro for the other. Everything looks great, but I would like the hamburger menu (3 horizontal lines) in both cases for mobile. I have been unable to find the code I need specifically for these themes, and am unsure what code to put where.

http://dailyplateofcrazy.com (Metro Pro) - has a primary and secondary menu
http://d-a-wolf.com (Minimum Pro) - simple primary menu only

Thank you for whatever assist you can provide.

http://dailyplateofcrazy.com

[DTHkelly]

Take a look at this blog - several posts may be helpful:

Add Responsive Menu Icon Only to Genesis Primary Navigation Menu

[DAWolf]

Thank you, KellyLise for the reference. I've been going through the page / my files, and I note references to the responsive-menu.js file in the js folder under themes.

Metro Pro's theme has no responsive-menu.js file, though the description of the theme was that it is mobile responsive.

Minimum Pro (installed on my other site) does indeed have a responsive-menu.js file in the js folder, and the extent of the code is as follows:

jQuery(function( $ ){

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

$("#responsive-menu-icon").click(function(){
$("header .genesis-nav-menu").slideToggle();
});

$(window).resize(function(){
if(window.innerWidth > 768) {
$("header .genesis-nav-menu").removeAttr("style");
}
});

});

I'm at a bit of a loss at this point, both in terms of Metro Pro (installed for Daily Plate of Crazy) and Minimum Pro (for D A Wolf). Thank you for any additional guidance you can provide. Meanwhile, I will continue to look on the site you referenced. There's a great deal of useful information there.

[Author]

Posts