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中。

Answer 2

我在您发布的代码中找不到正确的内容，但是在您的站点上，我建议您尝试将position:relative选项从#access li (style.css第562行)移到#access ul (style.css第556行)