From primary links I have 2 levels of submenus with the top level menu and first submenu using the "expanded" option. First submenus appear expanded as expected when I hover on the top level menu. However, the second level submenu also appears expanded while hovering on the primary menu. It should ONLY display when hovering over the first submenu.

So when I have at least 2 submenus with second level submenus below them, they all show up even though I am hovering on the primary menu. This effectively makes using more than one level of expanded menu not useable.

CommentFileSizeAuthor
#15 multilevel_expanded_menus_display_improperly.patch1.13 KBsinasalek
#3 Screenshot-01.png19.1 KBjwolf
#3 Screenshot-02.png103.37 KBjwolf

Comments

jwolf’s picture

jwolf commented
Assigned: Unassigned » jwolf
Status: Active » Postponed (maintainer needs more info)

A link to your site where this problem occurs and/or a screenshot would be helpful in coming up w/ a solution

mustardman’s picture

mustardman commented

I have since removed the submenus so can't show you what happens. It only takes a couple minutes to create primary menus/submenus to reproduce this.

jwolf’s picture

jwolf commented
Category: bug » support
StatusFileSize
new Screenshot-02.png103.37 KB
new Screenshot-01.png19.1 KB

OK. Here's the deal. I'm a visual person. I comprehend things much quicker if I can see what you're trying to describe. If you won't show me, I can't help you.

Attached are two screenshots where I have tried to duplicate what you describe. As you can see, I am having none of the issues in which I comprehend to be the problem in your description.

I'm changing this issue to a support request.

jwolf’s picture

jwolf commented
Status: Postponed (maintainer needs more info) » Closed (fixed)
mangwills’s picture

mangwills commented

I'm not sure if I should comment here or the newer issue, but you can check http://www.amici.com.ph to see the reported issue here. Am still trying to investigate the CSS, but am a beginner.

When you hover over the primary link Products > Water Heating, all the "grandchildren" menu items of Water Heating all appear.

mustardman’s picture

mustardman commented

Yup, that's the problem I was describing. Thanks for the link.

mustardman’s picture

mustardman commented
Status: Closed (fixed) » Active
petarb’s picture

petarb commented

I'm getting this issue as well. Any updates?

Tiger_Kris’s picture

Tiger_Kris commented

I'm having the same problem, I have been trying to modify the CSS to hide the grandchild items until their parent is highlighted without any success. Has there been any progress?

Tiger_Kris’s picture

Tiger_Kris commented

Ok, I have found the CSS needed for the 4th level of the menu. Add the following to your style.css:

#primary-menu ul.menu li ul li ul.menu li ul.menu {
left: -999em;
margin: 0 0 0 -14px;
padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu li:hover ul.menu{
display: block;
left: 154px;
top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li ul.menu li a {
padding: 4px;
width: 128px;
}

For the 5th level menu it would be the following 3 lines:

#primary-menu ul.menu li ul li ul.menu li ul.menu li ul.menu{
left: -999em;
margin: 0 0 0 -14px;
padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu li:hover ul.menu li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu li:hover ul.menu li:hover ul.menu{
display: block;
left: 154px;
top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li ul.menu li ul.menu li a {
padding: 4px;
width: 128px;
}

And so on for each additional level you require. Hope this helps!

sid.b’s picture

sid.b commented
Version: 6.x-1.5 » 6.x-1.9

I am seeing the same issue on version 6.x-1.9 with 4th level menus, and can confirm that the CSS changes proposed by Tiger_Kris fixes the issue. I am no expert, but this looks to me more like "bug" than "support request". Anyway, thanks to Tiger_Kris.

dyke it’s picture

dyke it commented

i agree that it's a bug. i had the same problem and the solution in #10 fixed it. thanks a lot! :)

jwolf’s picture

jwolf commented
Status: Active » Patch (to be ported)

Fix will be added to the 1.10 release.

jwolf’s picture

jwolf commented
Status: Patch (to be ported) » Fixed

fixed in 2.x. Thank you!
http://drupal.org/cvs?commit=305226

sinasalek’s picture

sinasalek commented
StatusFileSize
new multilevel_expanded_menus_display_improperly.patch1.13 KB

Patch against 1.9 using the CSS provided by #10

You can find version 1.x patched version here

PS : Although 4 levels is enough in most cases but i really think i should be dynamic.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.