2012-03-07 103 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)