Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Hi !
I have created a sub menu (e.g. About Us > Company profile) and checked the "Show as expanded" for it's parent menu (e.g. About Us) but the drop down menu not showing in the front end, any idea ?
| Comment | File | Size | Author |
|---|
Comments
Comment #2
neardark commentedThis patch addresses this issue, though more work needs to be done on menus.
Comment #3
simone960 commentedThanks ! But it seems to solve partly.
On the frontpage, it works well. However, when you are on sub menu page (e.g go to "Company profile" page), the sub menu doesn't work properly any more, you can try to click several times, possibly only the first time when you first access the page it shows the sub menu, then the sub menu no longer appear if you continue to click several times,
I think the sub menu is important to many. Websites that constructed purely 1 level are few. Hopefully this can be fully solved in the next release. Thanks anyway.
Comment #4
neardark commentedIt seems core's Quick Edit module is interfering, though I haven't had a chance to dig in and find out what's going on. @simeone960 I'll provide a patch as soon as I can.
Comment #5
simone960 commentedThanks @neardark for your help really. We actually rely fully on the Bootstrap theme to building websites nowadays. Once the bootstrap theme is more ready and stable, I believe many will move on to Drupal 8. This time around the people will start using Drupal 8 much quicker and earlier than Drupal 7 when it was first released I believe, as Views, CKEditor and many other modules already fully integrated into Drupal 8. However, thanks for the efforts to make things happen. You all are awesome !
Comment #6
Greg Sims commentedThank you for your efforts @neardark! I am planning an upgrade from D6 to D8 and bootstrap is the leading candidate. We have a website with Lots of content so sub menus are important as you can see here -- www.RayStedman.org. I look forward to bootstrap being wildly successful on D8!
Thanks again, Greg
Comment #7
simone960 commentedI have tried to uninstall the "Quick Edit" as @neardark pointed out the interfering module and indeed the sub menu works perfectly once uninstalling the module. I think that's the way to get the sub menu works for the time being before proper patch is provided. However, the sub menu works well for anonymous users without uninstalling the Quick Edit module.
Comment #8
markhalliwellNeeds a re-roll since #2624420: Restructure code into OO has gone in.
Comment #11
markhalliwellComment #13
bloomt commentedI am confused as to why this is marked as fixed? Dropdowns are not working for me, the top level link is working as a link and not opening the dropdown.
Here is an example :
I have a menu link (link 1) and then a couple links nested in that link (link 2 and link 3) Clicking on link one does not open the menu to get to link 2 and 3. Instead link 1 goes to the link 1 page.
Does anyone have any insight?
Comment #14
bloomt commentedI solved my own issue, I needed to set the "Maximum number of menu levels to display" to more than one on the menu block itself.
Comment #15
morgo commentedHow did you fix your issue @bloomt the dropdown menu is not working for me!, i just want when i hoover my mouse over the menu it dropdown!
Comment #16
markhalliwell@morgo, Bootstrap drop-downs are not hover-able out-of-the-box.
See:
http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/
#1893532: [bootstrap][policy][7.x-3.x] Navigation/Menus
Comment #17
morgo commentedthanks for fast reply @markcarver , also it would be nice if it become an option in the theme, so you would be able to choose between both hover and non-hover-able menu! i can simply use some module to fix this, but i always like to use the bootstrap base actions.
Comment #18
markhalliwellNo.
I agree with @mdo's decision on why dropdown's should be clickable and not hover-able. Additionally, that kind of complexity just increases the project's technical debt and leads to many more interpretations/one-off-use-cases as you can see in #1893532: [bootstrap][policy][7.x-3.x] Navigation/Menus (which is also partially why that issue is postponed).
Comment #19
murthi9772 commented-
Comment #20
markhalliwellComment #21
murthi.karuppan commentedSee #2122539-16: Sub menus no longer exist in Bootstrap 3: obsolete code in bootstrap_menu_link
*edited to reference existing post
Comment #22
murthi.karuppan commented.
Comment #23
umeshpatil commentedHello All,
To solve both the issues please follow below solutions,
1. To make it visible go to block layouts and find that block then configure it. Upon doing that, you will find Menu Levels collection box open it and change the level and save it. It will show your submenu.
2. To open your menu on hover, not on click just add this CSS,
And done.
Comment #24
ikeigenwijs commented@umeshpatil: thx mate
Comment #25
abdulgaffar commented#23
Thanks! @umeshpatil's solution worked for me.
Comment #26
learnbydrop commentedThis code will resolve the issue check in http://www.stayinpg.in
jQuery('.dropdown-toggle').mouseover(
function() {
jQuery('.dropdown-menu' ).css( "display","block" );
}
);
jQuery('.dropdown-menu').mouseover(
function() {
jQuery('.dropdown-menu' ).css( "display","block" );
}
);
jQuery('.dropdown-toggle').mouseout(
function() {
jQuery('.dropdown-menu' ).css( "display","none" );
}
);
review: http://www.stayinpg.in