Drop Down Menu not "sticking"

This is due to the space that appears between the main nav and the submenu nav. You’ll need to add a bit of css code using a custom css plugin or as an addition to your child theme style.css file. Add this bit of code:

.nav ul.sub-menu {
   top: 40px;
}

Brilliant! I haven’t done any custom coding for that navbar, so it looks like that’s a bug in Hueman.

My menus are not sticking. Here is the nav code: HELP!!

/*———————————–NAVIGATION——————————–*/

#nav {
height:46px;
background: #FFF;
width:900px;
border-top:1px dotted #00b3c4;
border-bottom:1px dotted #00b3c4;
font-family: ‘Lusitana’, serif;
font-weight:normal;
font-size:18px;

}

.nav{
margin-top:0px;
margin-bottom:0px;
display:block;
float:left;
position:relative;
padding-left:0px;

}

.nav ul{
list-style:none;
}

.nav li{
float:left;
position:relative;
list-style:none;
/* COMMENT HERE */
/* width:128.4px; */
width: 128px;
text-align:center;
}
.nav a{
display:block;
text-decoration:none;
color:#999999;
padding:10px 15px 10px 0;
font-size:18px;
font-weight:normal;
}

.nav ul ul{
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
padding:0px;
}

.nav ul ul li {
min-width: 180px;

}

.nav ul ul ul{
top: 30%;
left:100%;
background: #343434;
}

.nav ul ul a{
height:auto;
line-height:1em;
padding:10px;
width:130px;
}

.nav li:hover > a,.nav ul ul:hover > a{
color:#00b3c4;
}

.nav ul li:hover > ul{
display:block;
}
.nav ul.sub-menu {
top: 40px;
}

/*———————————–END-NAVIGATION——————————–*/

@bellas – This thread is several months old and relates to a different issue. Please create you own topic here. Also, if you’re going to post code you should wrap it in code backticks or post it on Pastebin. Thanks.