Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #259

My Pop Menu Magic 1 sub-menus go behind other parts of my page. Can I fix this?

The Answer

Prepared Jan. 2009 by Al Sparber, PVII

If you use absolute or relatively positioned elements on your page, including some PVII panel widgets, your PMM 1 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!

Back to the questions list