[Crave] Sub-menus aren't showing in secondary nav

[Vanessa]

Hello! I'm using the Crave theme which only came with a primary nav. I wanted to add a secondary nav so I edited the menu functions to this in my functions.php:

//* Genesis menus

add_theme_support(
  'genesis-menus', 
	array(
		'primary'   => __( 'Primary Navigation Menu', 'child-domain' ),
		'secondary' => __( 'Secondary Navigation Menu', 'child-domain' ), 
		'top'       => __( 'Top Navigation Menu', 'child-domain' ), 
	)
);

//* Move Primary Nav above header

remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

//* Move Secondary Nav above header

remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_header', 'genesis_do_subnav' );

...but I have child items in my secondary nav under Our FA Rockstars and they are not showing up. I know I have it set up correctly in Menus (child pages indented under parent page), and when I look at the CSS, I can see that the sub-menu is there (a page called Marysa’s Take), but when I hover over Our FA Rockstars, the child page does not appear or drop down underneath.

Is it a CSS issue? Or is it something I need to edit in my .js file? Here is the .js file now:

jQuery(document).ready(function($) {

	$(".menu-primary").addClass("mobile-menu").before('<div id="mobile-menu-icon"></div>');
	$("#mobile-menu-icon").click(function() {
		$(".mobile-menu").slideToggle();
	});
	$(window).resize(function(){
		if(window.innerWidth > 768) {
			$(".mobile-menu").removeAttr("style");
		}
	});
	
});

Thank you for any help!

http://anaphylaxismanagement.com/dev/

[Lauren @ OnceCoupled]

This is the CSS.

.menu-primary li ul,
#menu-secondary-navigation li ul {
	height: auto;
	left: -9999px;
	margin: 0;
	position: absolute;
	width: 160px;
	z-index: 9999;
}

Here you see left: -9999px but there's not style along the lines of

#menu-secondary-navigation li:hover ul {
    left: 0;
    position: relative;
}

Which tells the ul to show up if the parent li is hovered.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Vanessa]

Thank you @oncecoupled!

[Author]

Posts