Navigation show only the first sub menu

  • Sub_Zero

    (@sub_zero)


    9 years, 9 months ago

    Hi,

    For some reason my navigation shows me only the first sub menu. All the other sub menus bellow are not getting displayed.

    Also I have to click on the navigation link to make the sub menu appear. I would like to display it on hover though.

    This is how my code looks like:

    <header>
	<nav class="navbar navbar-inverse" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<?php
		       		if (has_nav_menu('primary_navigation')) :
						wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav primary-nav'));
					endif;
				?>
				<ul class="nav navbar-nav navbar-right">
					<li><?php require_once 'searchform.php'; ?></li>
				</ul>
			</div>
		</div>
	</nav>
</header>

    What am I doing wrong?

Viewing 1 replies (of 1 total)
  • Thread Starter Sub_Zero

    (@sub_zero)

    9 years, 9 months ago

    Ok, I added this CSS line and all the sub menus are getting displayed now:

    .dropdown:hover .dropdown-menu { display: block; }

    But WordPress is still showing the first sub menu different.

    This is what wordpress generates:

    <ul class="dropdown-menu">
	<li class="dropdown-submenu menu-bidjar"><a href="/akorug/bidjar/">Bidjar</a>
<ul class="dropdown-menu">
		<li class="menu-gabbeh-art"><a href="/akorug/gabbeh-art/">Gabbeh-Art</a></li>
		<li class="menu-luribaft"><a href="/akorug/luribaft/">Luribaft</a></li>
		<li class="menu-nain"><a href="/akorug/nain/">Nain</a></li>
	</ul>
</li>
</ul>

    You see after the first li tag there is another <ul class=”dropdown-menu”> which is totally useless!

    I don’t know why this happens but how can remove this, so that all sub menus looks the same?

Viewing 1 replies (of 1 total)
  • The topic ‘Navigation show only the first sub menu’ is closed to new replies.