I'm getting an extra UL element with style="display:none". I suspect it's some weird interaction between Bootstrap and nice menus.
This is what the HTML looks like:
<ul class="dropdown-menu" style="visibility: hidden; display: none;">
<ul style="display: none;">
<li ....> ...</li>
<li ....> ...</li>
<li ....> ...</li>
<li ....> ...</li>
</ul>
</ul>
When I remove the extra ul (in Chrome's debugger) things work fine.
Where does it come from? And how do I get properly rid of it?
| Comment | File | Size | Author |
|---|---|---|---|
| #1 | Screen Shot 2013-10-19 at 4.23.03 PM.png | 111.3 KB | bdanin |
Comments
Comment #1
bdanin commentedI can confirm I'm having the same issue ... looking for an answer, do you have one yet?
Comment #2
bdanin commentedSo the display: none is generated from the nice_menu.js file on line 33. I've changed the line to block
and it seems to work, although the CSS from nice_menu.css (line 31) still has ul.nice-menu ul setting visibility: hidden; but at least I can now get everything to show up with a couple css overrides
Edit: what I ended up doing was removing the two lines added to help with IE, so I assume I'll have to fix the IE issues separately later, but this was causing problems, remove this below
and then adding this in CSS:
ul.nice-menu li:hover ul ul { visibility:visible; }Comment #2.0
bdanin commented++
Comment #3
avpadernoComment #4
astonvictor commentedD7 reached its EOL back in January 2025, and there is no active release for D7 for this module anymore.
Development or support is not planned for D7. All D7-related issues are marked as outdated in a bunch.