PVII Knowledge Base
Question #258
My Pop Menu Magic menu sub-menus go behind other parts of my page. Is there a fix for this?
The Answer
Prepared Jan. 2009 by Al Sparber, PVIIIf you use absolute or relatively positioned elements on your page, including some PVII panel widgets, your PMM sub-menus could go behind those elements. The fix is to make the element that contains your PMM menu relatively positioned and to give it a high z-index value. For example, if you inserted your menu inside a DIV called "menuwrapper", edit your #menuwrapper style rule like this:
#menuwrapper {
position: relative;
z-index: 9999999;
}
If you are using Pop Menu Magic 2, your menu has a built-in wrapper which you can use for this purpose. The wrapper DIV for PMM2 will look like this:
<div id="p7PMM_1" class="p7PMMh08">
The ID relates to the PMM2 menu on your page. That is, if you have one menu on your page the ID will be p7PMM_1. If you have 2 menus on your page, each menu will have a distinct ID—p7PMM_1 for the first menu and p7PMM_2 for the second one. The class name relates to the style theme you have chosen for a particular menu. You can assign the relative position and z-index values to either the menu's ID or the class:
#p7PMM_1 {
position: relative;
z-index: 9999999;
}
.p7PMMh08 {
position: relative;
z-index: 9999999;
}
That's it!