Support » Plugin: WP Bootstrap Menu » SubMenu does not display for me

  • Resolved rcriche

    (@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)
  • nevermind… i use this solution: http://www.emanueletessore.com/bootstrap-navbar-under-wordpress/
    insted wp-bootstrap-navmenu plugin

    Plugin Author sajjadrad

    (@sajjadrad)

    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.