Hi!
I am creating a corporate site using Slate 3x. I have a problem with the dropdown menus. While hovering over the menu items, the drop down menu items belonging a particular primary menu item remain open even though I am hovering over another menu items and the drop down menus overlap into each other.
How can I fix this issue?
Thanks.
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | drupal-menu-issue.gif | 2.24 KB | WinWin |
| dropdown doesn't disappear.png | 5.67 KB | symposion | |
| dropdown overlap.png | 10.02 KB | symposion |
Comments
Comment #1
jeremycaldwell commentedHard to tell without a link to your site to see what is going on and how they are configured. Can you provide us with a link to check it out?
Comment #2
yuxell-1 commentedhow can i enable drop down menu on this theme?
please help me.
Comment #3
jeremycaldwell commentedTo enable dropdown menus go to your Menu configuration page and then to the Primary links page. Check the boxes labeled "expanded" next to the menu items that have children. Then save the page and this will enable dropdown menus for all your menu items with the "expanded" box checked.
Comment #4
WinWin commentedHeya!
Not sure my problem is directly connected to the issue above, but I figured I should post it here anyway. :)
I have drop-down menus on both my primary and secondary menu (according to #802540). However, I get this little bug where my secondary menu kinda overlap the primary when it drops down. It's like the secondary is prioritized or something and is always placed on top of anything else. I see menu items from both menus but when I hover it's the second menu item that is shown and the primary menu goes back to it's normal undropped state.
I'll try to upload a picture that shows you the problem.
Anyone knows what to do to fix this?
Comment #5
antcw commentedSame problem as #4 - can be seen at preview.nexor.com/about - try to select 'Published Articles' from 'Resource Library'
Comment #6
jeremycaldwell commentedTry adding this bit of CSS to your theme's local.css file:
That should get the primary menu to overlap the secondary menu when expanded like your screenshot and site show.
Hope that helps!
Comment #7
antcw commentedThat works perfectly, thank you very much! I thought it must have something to do with the z-index, but I couldn't work out where.
Comment #9
asb commentedSame issue here, #6 fixes the problem. It'd be nice if this CSS style would go into the main code!