PDA

View Full Version : Mega Menu pop ups are behind other elements on page.



CTBSTerry
07-01-2013, 02:55 PM
1) Script Title: DDMegamenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.htm

3) Describe problem: I have the menu working but when the pop up div displays it is showing the content below the elements below it in the page plus when you move the mouse off the menu button to the pop up mega menu it immediately closes which seems to indicate that the mega menu is not receiving the mouse input. I have tried adding a large z-index to the menu div and the pop up div but no effect. Can you steer me what to look at to fix this problem?

Thanks,
Terry

Beverleyh
07-01-2013, 03:22 PM
z-index only works with position, so set position:relative !important; (or position:absolute !important; depending on the placement you're trying to achieve) on the .megawrapper container. Example;

.megawrapper{position:relative !important; z-index:9999 !important;}
BTW - ".megawrapper" is the class of the container that is generated by the ddmegamenu.js file (it isn't referenced in the supplied CSS file)

If you need more help, please provide a link to your page.