Another hidden Menu issue, but I have no Z index

[planethax]

http://planethax.com/autoblog
full css http://planethax.com/autoblog/wp-conten … /style.css
Custom theme using
http://www.wiredstudios.com/wordpress-t … udios.html

I have read and searched, seems most issues fix by adjusting the Z Index, but my css doesnt have any,
I have tried adding
z-index:1000; 
in a few places but with no luck.

As you can see on my page the 2 issues are
1; first child page link cover top menu
2; The rest of the child pages are hidden by the post section.

Let me know if you need more info.
I am really hoping I can resolve this, I have tried so many dropdown menus, this is the first to work at all and really not wanting to change my theme.

Menu called via
[quote:37qb22t3]
<div id="c_navigator">
<div class="navigator">
<ul>
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
</ul>
</div>
</div>
[/quote:37qb22t3]

Nav css
[code:37qb22t3]
#c_navigator {
float: left;
width: 920px;
background-image:  url(images/px-body-ctr.gif);
background-repeat: repeat-y;
padding-right: 25px;
padding-left: 25px;
}

.navigator {
float: left;
width: 750px;
background-image:  url(images/navigator.jpg);
background-repeat: no-repeat;
height: 42px;
padding-right: 60px;
padding-left: 60px;
}

.navigator ul {
margin: 0px;
padding: 0px;
float: left;
width: 750px;
list-style-type: none;
}

.navigator ul li {
padding: 0px;
float: left;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
color: #FFFFFF;
display: inline;
list-style-type: none;
width: auto;
}

.navigator ul li a:link, .navigator ul li a:visited {
color: #FFFFFF;
text-decoration: none;
text-align: center;
padding-right: 8px;
padding-left: 8px;
display: block;
height: 42px;
line-height: 42px;
background-image:  url(images/navigator_in.jpg);
background-repeat: repeat-x;
float: left;
width: auto;
}

.navigator ul li a:hover, .navigator ul li a:active {
line-height: 42px;
height: 42px;
padding-right: 8px;
padding-left: 8px;
text-align: center;
display: block;
background-image:  url(images/navigator_out.jpg);
background-repeat: repeat-x;
float: left;
width: auto;
}

[/code:37qb22t3]

[planethax]

I did not realize there were two menus, multi nav and then the pixopoint menu,
I was using the multi, then tried the pixopoint menu and it worked 100% better.

However, the css generator does not work for it, so I have been messing for a few days, pulling out hair lol

With help from someone else, I now have it the way I want!!!

I am not very good at all with css, but received some help and thought I would post the css for the main menu that worked for me.

It may help others.

(also had to clean up some wierd height size calls from my main css)

[code:30f9lk4u]
/*********************************************************
****** CSS generated via the PixoPoint Menu Plugin ******
********** http://pixopoint.com/pixopoint-menu/ *********
*********************************************************/

#pixopoint_menu1 {
width:100%;
height:35px;
background: url("http://planethax.com/autoblog/wp-content/themes/planethax/images/navigator_in.jpg") repeat-x;
background-position:50% 0;
margin:0;}
#pixopoint_menu1 ul {
width:100%;
border:none;
background: url("http://planethax.com/autoblog/wp-content/themes/planethax/images/navigator_in.jpg") repeat-x;
margin:0;
padding:0;
list-style:none;
}
#pixopoint_menu1 li {
border:none;
background:none;
background: url("http://planethax.com/autoblog/wp-content/themes/planethax/images/navigator_in.jpg") repeat-x;
color:#FFFFFF;
line-height:35px;
z-index:20;
letter-spacing:0px;
font-weight:bold;
font-size:12px;
padding:0;
margin:0 0px;
;float:left;
font-family:tahoma,sans-serif;
position:relative;
}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
background: url("http://planethax.com/autoblog/wp-content/themes/planethax/images/navigator_out.jpg") repeat-x;
background-position:0 60px;
}
#pixopoint_menu1 li a {
border:none;
background: url("http://planethax.com/autoblog/wp-content/themes/planethax/images/navigator_in.jpg") repeat-x;
text-decoration:none;
display:block;
padding:2px 12px 0;
color:#FFFFFF;
}
#pixopoint_menu1 li a:hover {
border:none;
background: url("http://planethax.com/autoblog/wp-content/themes/planethax/images/navigator_out.jpg") repeat-x!important;
text-decoration:none;
color:#FFFFFF;
background-position:100% -120px;
}
#pixopoint_menu1 ul li ul {
position:absolute;
left:-999em;
top:35px;
width:120px;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
left:auto;
}
#pixopoint_menu1 ul li a {
text-transform:normal;
font-variant:normal;
}
#pixopoint_menu1 ul li ul.children a {
color: #d1d1d1;
}
#pixopoint_menu1 ul li ul.children a:hover {
color: #FFF!important;
background: none!important;
}
#pixopoint_menu1 ul li {
letter-spacing:0px;
color:#444444;
z-index:20;
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
background:#FFFFFF;
margin:0;
}
#pixopoint_menu1 ul ul li a {
line-height:22px;
color:#444444;
text-decoration:none;
background: none;
}
#pixopoint_menu1 ul li ul.children {
background: #484852;
display: block;
z-index: 45;
border: 1px solid #5a5a5a;
border-top: none;
margin: 2px 0 0 0;
box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
#pixopoint_menu1 ul li ul.children li{
background: none;
z-index: 50;
position: relative;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
color:#444444;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
color:#FFFFFF;
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
color:#FFFFFF;
background:#B41520;
}
#pixopoint_menu1 ul ul ul li {
font-size:1em;}
#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
position:absolute;
margin-left:-999em;
top:0;
width:120px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
margin-left:120px;
}
#pixopoint_menu1 ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
color:#FFFFFF;
text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
background:none;
}
#pixopoint_menu1 li.pixo_search form {
margin:0;
padding:0;
}
#pixopoint_menu1 li.pixo_search input {
font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
width:100px;
}
#pixopoint_menu1 li.pixo_right {
float:right;
}#pixopoint_menu2 {
width:100%;
height:25px;
background:#FF5050 url("../images/smoothfade_palered.png") repeat-x;
background-position:50% 0;
margin:0;}

[/code:30f9lk4u]

[Anonymous]

Where do I find this page to edit? I looked in the plugins folder but can’t find the CSS page that is for the menu.

[imported_Ryan]

Hi,
Sorry for the ridiculously long wait time before I have replied.

&quot;planethax&quot; wrote:

I did not realize there were two menus, multi nav and then the pixopoint menu,
I was using the multi, then tried the pixopoint menu and it worked 100% better.

It shouldn’t do. They behave almost identically.

&quot;planethax&quot; wrote:

However, the css generator does not work for it, so I have been messing for a few days, pulling out hair lol

The CSS generator works equally well for both. They aren’t any different in this regard.

[Author]

Posts