Gold: CategoryMenu Overlap Z-Index

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
webmaz
Lieutenant (LT)
Lieutenant (LT)
Posts: 52
Joined: Wed Apr 14, 2010 3:57 pm

Gold: CategoryMenu Overlap Z-Index

Post by webmaz » Mon Sep 22, 2014 11:25 am

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; }

Post Reply