Page 1 of 1

Gold: CategoryMenu Overlap Z-Index

Posted: Mon Sep 22, 2014 11:25 am
by webmaz
I'm using ConLib:CategoryMenu in the left sidebar in Gold R7. The fly out menus overlap behind the header and the footer.
I'm trying to have the menu overlap in front of the header and footer. I'm using z-index and setting the position to either absolute or relative.

The menu uses jquery.ui.menu.css and jquery.ui.theme.css.

How can I make the menu overlap in front?

Here are some styles being used:

jquery.ui.menu.css:

Code: Select all

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
	border: 1px solid #a6c9e2;
background-color:#f5f8f9;
z-index:999;
}
style.css (Footer)

Code: Select all

#footer { width:100%; display:block; margin-left: 0; margin-right: 0; clear: both; position:absolute; z-index: -999; }