Responsive menu icon – Minimum Pro theme

[unklee]

Hi,

I am using Minimum pro theme. At first I used the Custom menu widget to show the main navigation menu at the top of the page. When the screen size was smaller, the menu showed as an icon rather than the full list.

But I have now changed to use the main menu after the header. However when the screen size is reduced, the menu just runs onto two and then three lines, and the icon doesn't appear. I have looked in the style.css file, and found this code:

	.responsive-menu {display: none;	}
	#responsive-menu-icon {display: block;}

I can see what this code is supposed to do, but it's not happening. Is there some other place I need to switch it on? The functions.php file has this code:

wp_enqueue_script( 'minimum-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );

Does that mean I have to add something to the responsive-menu.js file? That file is very simple, but my javascript is very rudimentary, and I can't see what I should add or change. Any help would be much appreciated thanks.

http://www.is-there-a-god.info

[unklee]

I figured it out. I just copied the code in the js file and substituted '.nav-primary .genesis-nav-menu' for 'header .genesis-nav-menu' and it worked. Too easy in the end.

[Author]

Posts