Positioning the second navigation menu differently

[Amber]

Hello all! I was hoping for some insight as to the best way to have a secondary navigation menu floated right in my #nav div. I am using the optimal theme and this is my website so far. I'm hoping to have 2 navigation menus, one floated left and the other right (like another website I did here).

I know how I would do this in a standard wordpress theme such as twenty eleven but I'm pretty new to Studio Press and it's backed code & hooks (a bit different, easier I bet but to a newbie it'll take a bit) so I'm at a loss of where I can add this second menu in the home.php file. Should I just activate the second navigation and move it down with CSS or can I take a hook or line of code from the home.php file so it's in place as to where I want it?

Any help is appreciated. 🙂

[cehwitham]

I would enable the secondary navigation under Genesis > Theme Settings and then assign a menu to it and move it into place using CSS similar to the way you've positioned the primary navigation.

---

Twitter: cehwitham Web: cehwitham.com

[Amber]

Hmm..I'm looking at it now and I could move it around with CSS but beacue it's in it's own containing div and not the #nav div I'd have to position it absolutely and then that just cases a heck of a lot of trouble. Where on the home page can I make it so the secondary navigation is at least in the #nav menu? There's gotta be a way.. This is the new website link

[marybaum]

I agree about not positioning it absolutely. (Blergh.)

What about using a function to unhook it from its own div and hook it into the nav div - then float it right? You'll prolly want to widen the nav wrap. Or you could take the secondary nav, keep it in ins div and either hook the menu in the nav div or the nav wrap, OR drop the menu into the menu widget in the header- right widget area.

Those would be my thoughts.

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

[Amber]

I absolutely love those ideas marybaum! I'd prefer to unhook it and then hook it back in the nav wrap however I believe then I'd do this on the home.php page?

This is the top of my home.php page. I'm not sure where to even find the nav information.

 

<?php

add_action( 'genesis_meta', 'optimal_home_genesis_meta' );
/**
* Add widget support for homepage. If no widgets active, display the default loop.
*
*/
function optimal_home_genesis_meta() {

if ( is_active_sidebar( 'slider' ) || is_active_sidebar( 'welcome' ) || is_active_sidebar( 'home-feature-sidebar' ) || is_active_sidebar( 'home-feature-1' ) || is_active_sidebar( 'home-feature-2' ) || is_active_sidebar( 'home-bottom-sidebar' ) || is_active_sidebar( 'home-featured-posts' ) || is_active_sidebar( 'home-bottom-message' ) ) {

remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_after_header', 'optimal_home_loop_helper_top' );
add_action( 'genesis_loop', 'optimal_home_loop_helper_middle' );
add_action( 'genesis_loop', 'optimal_home_loop_helper' );
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

}
}

 

[cehwitham]

Hi Amber,

If you want your menu changes to be seen on all pages not just the home page, you'll want to add your code to functions.php rather than home.php.

Both the Primary and Secondary navigation menus are added to genesis_after_header as standard. To unhook the secondary navigation you'd need to use the following:

remove_action( 'genesis_after_header', 'genesis_do_subnav' );

You may find the following article useful in changing the content of the menu: http://www.billerickson.net/genesis-wordpress-nav-menu-content/

---

Twitter: cehwitham Web: cehwitham.com

[Author]

Posts