Drop Down Menu

[LaurelBrittany]

I can’t get my drop down menu to display properly when it is hovered. I used the following code:

ul.nav li ul {
display: none;
position: absolute;
z-index: 9999;
background: #3c3c3b;
white-space: nowrap;

}

ul.nav li ul a{
display: block;
}

View the full code here: http://www.lwebdesigns.net/designs/newsroom/newsroom.html

[Watson90]

I think it should just be

.nav ul { display: none; }

.nav ul:hover li { display: block; position: absolute; }

Make sure your navigation is set to position: relative;

[LaurelBrittany]

That didn’t work :(

[Watson90]

I’ve just coded this up for you, this is kind of what you’re after I think.

http://codepen.io/Watson90/pen/ekmKv

[LaurelBrittany]

That works great! Now how do I get it to work with the sub menu items? They automatically display.

[Watson90]

Do you mean a drop down of the drop down menu?

[LaurelBrittany]

Yes!

[Watson90]

Nice work @kevin11189

[Author]

Posts