SubMenu does not display for me

Resolved

(@rcriche)

I’m using Bootstrap 2.3.2 version…
my code:

<div class="navbar">
	      <div class="container">
	        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	        </button>

	        <div class="nav-collapse collapse">
		<ul class="nav navbar-nav">
                    <?php if (function_exists('getNavMenu')): ?>
                        <?php echo getNavMenu('headermenu','hover'); ?>
                    <?php endif; ?>
                </ul>
	        </div><!--/.nav-collapse -->
		</div>
	</div>

html

<div class="navbar">
	      <div class="container">
	        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	        </button>

	        <div class="nav-collapse collapse">
				<ul class="nav navbar-nav">
                                            <li><a href="http://localhost/devilsin/home/">Home</a></li><li><a href="http://localhost/devilsin/the-band/">The Band</a></li><li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Media<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="http://localhost/devilsin/photos-2/">Photos</a></li></ul></li><li><a href="http://localhost/devilsin/donwloads/">Donwloads</a></li><li><a href="http://localhost/devilsin/devilswag/">DevilSwag</a></li><li><a href="http://localhost/devilsin/faq/">FAQ</a></li><li><a href="http://localhost/devilsin/calendar/">Calendar</a></li><li><a href="http://localhost/devilsin/partners-in-crime/">Partners in Crime</a></li><li><a href="http://localhost/devilsin/criminal-backgrounds/">Criminal Backgrounds</a></li><li><a href="http://localhost/devilsin/contact/">Contact</a></li>                                    </ul>
	        </div><!--/.nav-collapse -->
		</div>
	</div>

SubMenu item Photos does not display.. any help?

http://wordpress.org/plugins/wp-bootstrap-navmenu/

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

rcriche

(@rcriche)

12 years, 8 months ago

nevermind… i use this solution: http://www.emanueletessore.com/bootstrap-navbar-under-wordpress/
insted wp-bootstrap-navmenu plugin

Plugin Author

sajjadrad

(@sajjadrad)

12 years, 8 months ago

Bootstrap doesn’t use sub menu hover code,You must add this style to your bootstrap:

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

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

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘SubMenu does not display for me’ is closed to new replies.

Tags