html - Wordpress CSS 无法正确显示导航

Question

我在 wordpress 上创建了一个网站，第二层菜单(如果您单击“服装”或“包”则显示)从父页面下方开始

无论点击'服装'还是'包包'，我都希望与一级菜单保持一致

http://www.dawaf.co.uk/showroom/bags

/*Main Navigation
------------------------------------------------------------ */
#access {
    background: none;
    -webkit-box-shadow: none;
    text-align:center;
    box-shadow: none;
    margin: -10px auto 6px;
    text-transform: uppercase;
    font-weight: bold;
}

#access div {
    margin: 0 0.5%;
}

#access a {
    color: #EEEEEE;
    line-height: 2.2;
    padding: 0 8px;
    font-size: 12px;
}



#access ul ul {
    width: 800px;
}

#access ul ul a {
    width: auto;
    background: transparent !important;
    font-weight: bold;
    font-size: 12px;
}

#access ul ul li:hover a {
    color: #666666;
}

#access li.current_page_item  ul {
    display: block;
}

#access li:hover > a {
    background: transparent !important;
    color: #666;
}

#access ul li:hover > ul {
display: none;
}

#access ul li.current_page_item:hover > ul {
display: block;
}

/*Submenu
------------------------------------------------------------ */

#access ul ul {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#access ul ul a {
    background: #000;
    border-bottom: none;
    color: #EEEEEE;
    line-height: 0.4;
}

#access li:hover > a, #access ul ul :hover > a, #access a:focus {
    background: #FFF;
}

ul.children {
    width: 1000px !important;
    background: transparent !important;
    margin-top: -15px !important;
    border-top: 1px solid #EEEEEE;
}

Answer 1

您是否希望它们像在顶部菜单项的右侧一样内嵌？ 即:

服装-包袋> 日 |晚上

或者您是否希望它们在页面左侧同一位置的顶部菜单行下排列？ 即:

服装 - 手袋 天 |晚上

服装 - 手袋 连衣裙 |连衣裤

无论哪种方式，您都希望使用“#access ul ul”css 属性。您的二级菜单是嵌套在主级菜单的 ul 中的 ul。如果您无法按原样获得所需的控件，您可能希望将二级菜单拆分到它自己的未嵌套的 ul 中。