Support » Themes and Templates » Twentyten navigation dropdowns

  • I have modified the twentyten theme on several sites and all have an intermittent issue. It’s not always duplicatable, but I am able to see it from time to time, and it happens enough that clients complain.

    Sometimes, when the dropdown menu shows up, and you go to click on a link, it disappears as soon as you get off the main button and hover over the submenu buttons.

Viewing 4 replies - 1 through 4 (of 4 total)
  • you may have a margin around the nav tabs, or a small gap between the main link and the drop down, out of other reasons.

    (depends on the scope of your modifications)

    without a link to the site(s) with the problem, there is not much more to suggest as help.

    Unfortunately, the three sites I’m using the new twentyten theme on are currently all in maintenance mode because they haven’t launched yet! You did give me some direction, however, I will look at my CSS for the navigation and see what I can find…

    The other issue, is that I’ve never been able to get the navigation menu to center, no matter what I’ve tried in the css. I think it’s just something with the twentyten theme, but has anyone gotten it to center correctly?

    If it helps, here is the css for the menu:

    /* =Menu
    ————————————————————– */

    #access {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(‘images/button_bg.png’);
    margin: 0 auto;
    width: 950px;
    display:block;
    float:left;
    border-bottom: 3px #FFFFFF solid;
    }
    #access .menu-header,
    div.menu {
    font-size: 14px;
    margin-left: 12px;
    width: 938px;
    }
    #access .menu-header ul,
    div.menu ul {
    list-style: none;
    margin: 0;
    }
    #access .menu-header li,
    div.menu li {
    float:left;
    position: relative;
    }
    #access a {
    display:block;
    text-decoration:none;
    color:#58666F;
    padding:0 12px;
    line-height:23px;
    }
    #access ul ul {
    display:none;
    position:absolute;
    top:24px;
    left:7px;
    float:left;
    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);
    width: 150px;
    z-index: 99999;
    }
    #access ul ul li {
    min-width: 150px;
    }
    #access ul ul ul {
    left:100%;
    top:0;
    }
    #access ul ul a {
    background:#D9EBF7;
    height:auto;
    line-height:1em;
    padding:5px;
    width: 150px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    }
    #access li:hover > a,
    #access ul ul :hover > a {
    color:#03A0C1;
    }
    #access ul li:hover > ul {
    display:block;
    }
    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
    color: #03A0C1;
    }

    * html #access ul li.current_page_item a,
    * html #access ul li.current-menu-ancestor a,
    * html #access ul li.current-menu-item a,
    * html #access ul li.current-menu-parent a,
    * html #access ul li a:hover {
    color:#03A0C1;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twentyten navigation dropdowns’ is closed to new replies.