Here is a way to use your own menus by using wp_nav_menu. This can come in handy if you’ve used a third party CSS menu generator, and negates the need for a custom CSS plugin. If nothing else this lets you call out the custom CSS class and ID for your navigation.
For this example I’ve used custom CSS with the build in “Primary Navigation”.
The full list of attributes for wp_nav_menu are here: http://codex.wordpress.org/Function_Reference/wp_nav_menu
Insert this code into your functions.php.
/** Remove the primary navigation & add custom navigation */
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_after_header', 'custom_do_nav' );
function custom_do_nav() {
wp_nav_menu(array(
'menu' => 'Primary Navigation',
'container' => '',
'menu_class' => 'topmenu',
'menu_id' => 'navigation'
));
}
‘menu’ => ‘Primary Navigation’, /* choose a menu from Appearance / Menus, or create a new one */
‘container’ => ”, /* this removes the container around the navigation */
‘menu_class’ => ‘topmenu’, /* this is the menu CSS class */
‘menu_id’ => ‘navigation’ /* this is the menu CSS ID */
Add you custom CSS to your style.css – making sure the class and ID in the array above match the class and ID in your CSS. It may sound obvious, but I’m saying it anyway.
There you have it.
