2012-03-07 106 views
0

我创建了WordPress和第二层菜单网站(显示器,如果你点击“服装”或“包”)开始父页面下方WordPress的CSS没有显示导航正确

我想是符合第一级菜单,无论你是否点击“服装”或“袋”

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

回答

0

你希望他们在网上为顶端菜单项的吧​​? ie:

服装 - 包袋>日|晚上

或者你想让他们排列在页面上同一左侧顶部菜单行下? ie:

服装 - 包包 天|晚上

服装 - 包包 连衣裙|连衣裤

无论哪种方式,你会想玩“#access ul ul”css属性。您的第二级菜单是嵌套在主菜单的ul中的ul。如果你无法得到你想要的控制,你可能想要将第二级菜单分成它自己的不嵌套的ul。

+0

我希望它们排列在页面上同一左侧顶部菜单下 – user1096057 2012-03-07 20:36:57

0

我无法找到你发布的代码的正确的东西,但在你的网站,我建议你尝试从#access li(style.css的线562)移动position:relative选项#access ul(style.css的线556)