My website is http://finsmart.co.cc/ and the theme I am using is the latest version of Wp Weaver - Weaver 2.0.8. I installed the Featured Content Gallery on the home/static page.
However, my drop-down menu "Resources" is being hidden by FCG AND the Featured Video in the left sidebar.
I read something about z-index in other posts but it is still unclear. I have been playing with it with little success. First the drop-down menu did not show at all, with z-index set to 59 and 60, respectively for top and bottom #nav. Now that I have set it to 100 it shows, but still not fully.
The browser I am using is Google Chrome. I have not checked it with other browsers.
Here is the code in the stylesheet that I have in place:
- Code: Select all
#nav-top-menu { /* needed for IE 7 */
position:relative;
z-index:100;
}
#nav-bottom-menu {
position:relative;
z-index: 100;
}
#access,
#access2,
#access3 {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
#access2 .menu-header,
#access3 .menu-header,
div.menu {
font-size: 108%;
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
#access2 .menu-header ul,
#access3 .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
#access2 .menu-header li,
#access3 .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a,
#access2 a,
#access3 a {
color: #aaa;
display: block;
line-height: 38px;
padding-bottom: 0;
padding-top: 0; /* have to add in left/right if NOT sf-menu in generatecss */
text-decoration: none;
}
#access ul ul,
#access2 ul ul,
#access3 ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
padding-left:0px;
float: left;
width: 180px;
z-index: 99999;
}
I could really use some help with this.
thanks in advance.









