• Resolved crod310

    (@crod310)


    3rd Level Dropdown doesn’t work, here is the code:

    #access {
        background: none repeat scroll 0 0 transparent;
        float: right;
        height: 35px;
        margin: 20px 0 0;
        position: absolute;
        right: 0;
    }
    #access .menu-header, div.menu {
        font-size: 12px;
        margin-left: 12px;
    }
    #access .menu-header ul, div.menu ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    #access .menu-header li, div.menu li {
        float: left;
        margin: 0 0 0 15px;
        position: relative;
        z-index: 40;
    }
    ul#menu-header-menu li a {
        height: 42px;
    }
    #access a {
        color: #999999;
        display: block;
        font-weight: bold;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
    }
    #access ul.sub-menu li {
        font-size: 11px;
        margin: 0;
    }
    #access ul.sub-menu {
        border: 1px solid #F9F9F9;
        display: none;
        left: 0;
        position: absolute;
        top: 38px;
        z-index: 1000;
    }
    #access ul ul {
        -moz-transition: opacity 0.5s ease-in-out 0s;
        position: absolute;
        top: -9999em;
    }
    #access ul ul li {
        min-width: 160px;
    }
    #access ul ul li ul {
        right: 100%;
        top: -2px;
    }
    #access ul ul ul {
        -moz-transition: opacity 0.5s ease-in-out 0s;
        right: 160px;
        top: 0;
    }
    #access ul ul a {
        background: none repeat scroll 0 0 #FFFFFF;
        display: block;
        font-size: 12px;
        font-weight: normal;
        height: auto;
        line-height: 1em;
        min-width: 160px;
        padding: 10px;
        text-transform: capitalize;
    }
    #access li:hover > a, #access ul ul *:hover > a {
        -moz-transition: color 0.4s linear 0s;
        color: #666666;
    }
    #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: #666666;
    }
    * 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: #666666;
    }

    Just need some help getting the 3rd level to work, thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘3rd Level Drop Down Troubleshoot’ is closed to new replies.