mep

Okay, so I managed to add a third level drop down using css, but now that third level pops out from underneath the the parent menu, instead of from the side. This creates an ugly white space whenever I hover over the second level item.

I tried to set the “top” to 0, but it doesn’t help.

the code I have at the moment is:

.nav ul ul {
display: none;
margin-left: 20px;
position: relative;
left: 50%;
top: 0;

}

.nav ul li:hover ul {
display: block;

Here’s a screen shot of the current situation:

http://www.thephotographyreview.com/wp-content/uploads/2014/07/third-level.jpg

Any ideas?

Thank you! All clear now 🙂