Css drop menu...should be easy but

HTML & CSS
1

using the class assigned by wp.

so i have a .menu & a .sub-menu, using this code, but so far have been unable to make the sub-menu work. Advice anyone, please?
thx
D


#menu-primary{
margin-left: 20px;
}
.menu  ul{
border-radius:0 0 20px 20px;
list-style-type:none;

}

.menu  li{
position: relative;
line-height: 30px;
float: left;
list-style-type:none;

background-color: #000099;
}


.menu  li a{
color:#fff;
display: block;
padding: 5px 10px;
text-decoration: none;
}

.menu li a:hover{
text-shadow: 0px 0px 9px rgba(255, 255, 255, 1);
}
.sub-menu li:hover{
display:block;
list-style-type:none;
}

.sub-menu ul li{
float: none;
color: #fff;
background-color: #000099;
list-style-type:none;
}

.sub-menu li{
position: absolute;
display: none;
}
2

The problem is obvious! You have no HTML! :stuck_out_tongue:

You’ll want the sub ul to be position: absolute, but we need to see the HTML to advise.

3

ha yes…if only it was that easy.
am using wp :slight_smile:
but attached a screenshot.

4

There are no sub lists shown there. Maybe I’m missing what you are asking.

5

here let’s try this new one.

6

GOT IT!!!
so happy

here are the two bits that fixed that.
.menu li li{
float:none;
display: none;
}

.menu li:hover ul li{
display: block;
}

I just ignored the .sub-menu name & addresses the ul & li with the code.