Drop Down Menu not "sticking"

  • Resolved Thea

    (@dorothy1508)


    11 years, 10 months ago

    I have a problem with the drop down menu on this site:

    http://dressforflamenco.com

    When I hover over the nav bar, I can see the drop down menu, but it’s extremely difficult to click on the sub-menu items – the minute I move my mouse towards it, the sub-menu disappears!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Justin Hemker

    (@ltuspe)

    11 years, 10 months ago

    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;
}
    Thread Starter Thea

    (@dorothy1508)

    11 years, 10 months ago

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

    bellas

    (@bellas)

    11 years, 1 month ago

    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——————————–*/

    bdbrown

    (@bdbrown)

    11 years, 1 month ago

    @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.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Drop Down Menu not "sticking"’ is closed to new replies.