You need to register it with register_nav_menu:
add_action( 'init', 'register_matts_menu' );
function register_matts_menu() {
if ( function_exists( 'register_nav_menu' ) ) {
register_nav_menu( 'matts-top-menu', 'Top Menu' );
}
}
If you want to register more than one, change register_nav_menus above to array:
register_nav_menus(array(
'matts-top-menu' => 'Top Menu',
'matts-footer-menu' => 'Footer Menu'
)
);
Than hook wp_nav_menu to where you want it displayed. I hooked this one above the logo/title display:
add_filter('tc_logo_title_display', 'display_matts_top_menu');
function display_matts_top_menu($output) {
return ( has_nav_menu( 'matts-top-menu' ) ? wp_nav_menu (
array (
'theme_location' => 'matts-top-menu',
'container_id' => 'top-menu',
'container_class' => 'menu pull-right'
)
).'<div class="clearall"></div>' : '' ).$output;
}
And, of course, you need to style it a bit. As a basic example, I floated this one right, added some |’s between the items and small-ed the font-size.
#top-menu ul li {
display: inline-block;
float: left;
list-style-type: none;
font-size: small;
}
#top-menu ul li:before {
content: " | ";
}
#top-menu ul > li:first-child:before {
content: none;
}
If you’re using multiple levels you’ll need to style it some more, maybe add some carets and use the walker class to apply TBs classes to it, since they’re already embedded in the theme.
That’s about it.