Changing the Aspire Pro menu structure

[webcami]

Hello,

I'm trying to change how the menu works in Aspire Pro. I have successfully returned the right header widget area, but I can seem to get the PRIMARY or SECONDARY menus to appear BELOW the header and be full width like OUTREACH PRO's example.

I've removed all of this from functions.php.

/* Reposition the secondary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_header', 'genesis_do_subnav', 5 );

//* Reposition the secondary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_header', 'genesis_do_subnav', 5 );

//* Unregister the header right widget area
unregister_sidebar( 'header-right' );

//* Reposition the primary navigation menu
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_header', 'genesis_do_nav', 12 );

//* Remove output of primary navigation right extras
remove_filter( 'genesis_nav_items', 'genesis_nav_right', 10, 2 );
remove_filter( 'wp_nav_menu_items', 'genesis_nav_right', 10, 2 );

From style.css, I commented out:

/* .secondary-nav .site-inner { */
/* margin-top: 250px; */
/*} */

THEN, I tried with without commenting the above out out. No change.

/* ## Secondary Navigation
--------------------------------------------- */

/*.nav-secondary { */
/* border-bottom: 0px solid #444; */
/* background-color: #f7f7f7; */

/*} */

I've added this:

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary .wrap {
background-color: #111;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
margin-bottom: 16px;
}

.nav-secondary .genesis-nav-menu > li > a:hover,
.nav-secondary .genesis-nav-menu > li:hover > a {
background: none;
}

.nav-secondary .genesis-nav-menu .current-menu-item > a,
.nav-secondary .genesis-nav-menu .sub-menu a:hover,
.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu li:hover > a {
color: #6ab446;
}

.nav-secondary .genesis-nav-menu .sub-menu a {
background-color: #090909;
border-color: #292929;
color: #fff;
}

.nav-secondary .sub-menu {
border-color: #292929;
}

+++++++++++++++++++++

Any help is greatly appreciated (this is a mock up location hidden from search)

http://westseattlewordpress.com/kollmar/

[Victor Font]

The secondary nav menu is actually there. It's under the header. Your header is position:fixed with a z-index of 999 which means it sits on top of all the other content. You have to play with the menu positioning and z-index to bring it to the top.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts