Make sub-menu navigation clean

Hi,
I’m trying to set up an horizontal sub-menu right under the bootstrap top navbar. The point is to eventually make a menu like this: http://monocle.com/

Here is the latest working code that I have:

<nav class="collapse navbar-collapse" role="navigation">
	<?php
	if (has_nav_menu('primary_navigation')) :
	  wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav'));
	endif;
	?>
</nav>

<nav class="collapse navbar-collapse" role="navigation">
	<?php
	if($post->post_parent)
	$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
	else
	$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
	if ($children) { ?>
	<ul class="nav navbar-nav">
	<?php echo $children; ?>
	</ul>
	<?php } ?>
</nav>

How can I change the second nav to have a clean navigation? Thanks a lot.

1 Like

Bumping this. I located this thread after searching the forums, but couldn’t find anything similar. I too am looking to implement a horizontal sub navigation but am stumped as to how to do it using the Roots Walker nav.

Has anybody implemented something remotely similar before? Thanks guys.