Title: Sub Menu Items
Last modified: August 21, 2016

---

# Sub Menu Items

 *  Resolved [arturocivit](https://wordpress.org/support/users/arturocivit/)
 * (@arturocivit)
 * [13 years ago](https://wordpress.org/support/topic/sub-menu-items/)
 * Hi, great great plugin but on my case, the only thing that is not working are
   the sub menu items, just placed the menu hook up and the top level items were
   working wonderfully but not the sub ones, any idea what’s missing on my end?
 * Thanks so much!
 * Arturo
 * [http://wordpress.org/extend/plugins/wp-bootstrap-navmenu/](http://wordpress.org/extend/plugins/wp-bootstrap-navmenu/)

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

 *  Thread Starter [arturocivit](https://wordpress.org/support/users/arturocivit/)
 * (@arturocivit)
 * [13 years ago](https://wordpress.org/support/topic/sub-menu-items/#post-3729571)
 * This is my current code with the hook up
 *     ```
       <div class="navbar">
       <div class="navbar-inner">
       <div class="container">
       <ul class="nav">
       <?php if (function_exists('getNavMenu')): ?>
       <?php echo getNavMenu('main','hover'); ?>
       <?php endif; ?>
       </ul>
       </div>
       </div>
       </div>
       ```
   
 * and this is how the menu works using HTML
 *     ```
       <div class="navbar">
       <div class="navbar-inner">
       <div class="container">
       <ul class="nav">
       <li><a href="#">Home</a></li>
       <li><a href="#">History</a></li>
   
       <li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Guides</a>
   
       <ul class="dropdown-menu">
   
       <li><a href="#">SUB MENU ITEM 1</a></li><br>
       <li><a href="#">SUB MENU ITEM 2</a></li>
   
       </ul>
   
       </li>
   
       <li><a href="#">Request a Quote</a></li>
       <li><a href="#">Contact Us</a></li>
       </ul>
       </div>
       </div>
       </div>
       ```
   
 *  Thread Starter [arturocivit](https://wordpress.org/support/users/arturocivit/)
 * (@arturocivit)
 * [13 years ago](https://wordpress.org/support/topic/sub-menu-items/#post-3729656)
 * Nevermind, just placed the top menus with # as links and it worked, at this point
   it is ok because those top links won’t have any contents at all, just they are
   triggers to display the sub menu, but it would be interesting to have that as
   an option in some control panel, great great job!
 * Arturo
 *  [NormanBird](https://wordpress.org/support/users/normanbird/)
 * (@normanbird)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/sub-menu-items/#post-3729986)
 * Thanks [@arturocivit](https://wordpress.org/support/users/arturocivit/)
 * I didnt know that we had to put the # as a link using custom menu, in order to
   get the sub menu’s to show. Solved all my issues. Kinda weird though, I guess
   that is a bootstrap coding thing?
 * Norman
 *  Thread Starter [arturocivit](https://wordpress.org/support/users/arturocivit/)
 * (@arturocivit)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/sub-menu-items/#post-3729987)
 * Hey Norman, glad it worked for you, I think its some kind of solution for touch
   screen devices,
 * Good luck!
 * Arturo
 *  Plugin Author [sajjadrad](https://wordpress.org/support/users/sajjadrad/)
 * (@sajjadrad)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/sub-menu-items/#post-3729999)
 * I said before,You must use some codes for showing sub menu in hover mode.For 
   example add this css to you style or your bootstrap style:
 *     ```
       .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 5 replies - 1 through 5 (of 5 total)

The topic ‘Sub Menu Items’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-bootstrap-navmenu_381c45.svg)
 * [WP Bootstrap Menu](https://wordpress.org/plugins/wp-bootstrap-navmenu/)
 * [Support Threads](https://wordpress.org/support/plugin/wp-bootstrap-navmenu/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-bootstrap-navmenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-bootstrap-navmenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-bootstrap-navmenu/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [sajjadrad](https://wordpress.org/support/users/sajjadrad/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/sub-menu-items/#post-3729999)
 * Status: resolved