The horizontal drop down menu parents have a top border when hovering, and the text becomes unclickable.

The best way to see this is just by going to the website
http://pentree.com

because our navigation menu is bigger, i added a top property to the drop down, this may have something to do with it.
here is my style sheet
http://pentree.com/themes/theme191/niceness.css
it's a copy of the default style, with a few changes made to fit the custom theme.

You can see what the problem is when hovering over 'services' or 'projects'

Maybe my eyes are just tired of looking through the css.

Thanks,
Todd

P.S. a little discovery i just made: the drop downs are handled differently according to if you include 'www' in the url. Perhaps something completely unrelated.

Comments

shadcn’s picture

shadcn commented

ok i found the fix for your isssue

In your css file, line 34 remove border-top:1px solid #CCCCCC;

ul.nice-menu, ul.nice-menu ul {
   border-top:1px solid #CCCCCC; <------- this line
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0;
   padding:0;
}

and remove border-color:#CCCCCC -moz-use-text-color -moz-use-text-color; on line 66.

ul.nice-menu ul, #header-region ul.nice-menu ul {
   border-color:#CCCCCC <------- this line
   border-style:solid none none;
   border-width:1px 0 0;
   left:-1px;
  margin-right:0;
  top:1.8em;
}

and i cant see the difference when using www with the domain.

Thanks
Arshad(wydle)

t1s’s picture

t1s commented

Ok, that fixed the border, thank you for the response.
The www thing must have been some cache thing, i cleared it and restarted the browser and both are working fine.

One last issue dealing with the styling (I think anyway)

The parent links seem to be off. You can't click them directly, but have to move the mouse above the text link. Links without children are fine.

Again, thank you for the help. I didn't even think to look in the global styling.

Todd

shadcn’s picture

shadcn commented

Hello Todd

on line 65 add a z-index to your ul like this:

ul.nice-menu ul, #header-region ul.nice-menu ul {
  border:0 none;
  left:-1px;
  margin-right:0;
  top:1.8em;
  z-index:-1;
}

I've tested with firebug and it is working. Let me know if it works for you

Thanks
Arshad

t1s’s picture

t1s commented
Status: Active » Fixed

Yes! that did it. You have been incredibly helpful :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.