2014-07-12 105 views
1

如何在WordPress的實際子菜單下添加子菜單?如何在WordPress的實際子菜單下添加子菜單(css)

在我的網站之一,我想珊瑚顏色的菜單(其中包含的科學,認證等)有子菜單,當你在它懸停。我無法創建這個子菜單,因爲珊瑚色菜單實際上是wordpress中的子菜單。頂部菜單是頂部的「爲什麼,如何,什麼,誰」菜單。

*如果您選中,DISC應該作爲The Sciences下的子菜單(下拉菜單),但不能按照原樣運行。

任何幫助將不勝感激。

非常感謝,

〜迪帕克·G.

回答

1

你可以簡單的拖放和子菜單下滴子菜單。子菜單可以是頁面,自定義鏈接和菜單頁面左側的任何內容。然後相應的CSS。

系列將是:

The science 
    sub-menu(of science) 
     sub-menu a 
     sub-menu b 
     sub-menu b 
Accreditation 
    sub-menu(of Accreditation) 
     sub-menu c 
     sub-menu e 
     sub-menu f 
and so on 

,如果你想的CSS然後告訴我。通過去

Appearance => Menu 

.sub-menu-corel .sub-menu { 
display: none; 
position: absolute; 
top: 100%; 
width: 180px; 
background: #fff; 
border: 1px solid #ccc; 
padding: 10px 0; 
z-index:999; 
} 

.sub-menu-corel .sub-menu li{ 
width:100%; 
} 

.sub-menu-corel .sub-menu li a{ 
display:block; 
width:100%; 
color:#111; 
} 

.sub-menu-corel .sub-menu li a:hover{ 
color:#111; 
} 

此更新CSS

+0

我想你已經失算了 - 我已經知道了。我的意思是我想顯示'DISK'作爲下拉菜單(子菜單)。看看這個截屏直播http://imgur.com/IYa2NkR,我相信你會更好地理解。 –

+0

你可以使用更新後的CSS,你需要自己完成其餘的CSS。 – user3777827

+0

謝謝,我在你提供的CSS中添加了一些元素,它解決了我的問題。 –

0

您可以通過拖放的N個液滴這樣做只是把它作爲:在你的主題和CSS

添加此CSS相應子菜單的子菜單。