CODEWITHSUNDEEP
css
Mary
Mary

Reputation: 11

I have a css drop down menu that disappears

I have a (css) drop down menu that keeps disappearing before you can select anything from it.

I have wracked my brain searching the web for answers... and in an article on YOUR site I found a hint -- about z-index.. I readily admit to being quite a NOOB when it comes to CSS and I tried and tried to implement the suggestion from your other article, but to no avail.

Here is my site: http://www.customernationonline.com/

The problem is with the drop down for "How We Help".. I would be hugely grateful if you could take a look and help me out here.

Upvotes: 1

Views: 1128

Answers (2)

thirtydot
thirtydot

Reputation: 228162

The (eloquent) fix was hard to find, (it took me a while to figure out, at any rate!), but it's very easy:

  • On #pillmenu2, remove position: absolute.

Upvotes: 2

Vinnyq12
Vinnyq12

Reputation: 1559

I'd say the mouse out on the menu item is closing the dropdown

sfEls[i].onmouseout=function() { 39 this.className=this.className.replace(new RegExp(" sfhover\b"), ""); 40 }

perhaps close the menu item only with an onclick command either when a sub menu item is selected or on the body. better still look at the jquery implementations and save yourself a headache.

Upvotes: 0

Related Questions