WordPress.org

Ready to get started?Download WordPress

Forums

Twentyten navigation dropdowns (5 posts)

  1. ScrltOTara
    Member
    Posted 3 years ago #

    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.

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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.

  3. ScrltOTara
    Member
    Posted 3 years ago #

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

  4. ScrltOTara
    Member
    Posted 3 years ago #

    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?

  5. ScrltOTara
    Member
    Posted 3 years ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.