2016-11-12 29 views
0

我需要添加(或顯示,我不知道是否需要添加或顯示該類)。如何將插入類加入菜單中,其中只有子菜單

我希望它顯示在只有子菜單的父元素上。
我真的不知道我應該放入我的jQuery代碼。這就是爲什麼我沒有在這裏粘貼任何東西。

我正在使用wordpress。這裏是插入符號設計的圖片:

https://i.stack.imgur.com/3vQeL.png

對不起,小傢伙的信息,如果你需要更多的信息來幫助我,只問。
不知道還有什麼我應該放在這裏。

/************************************************ 
 
Mobile-Menu Design. 
 
************************************************/ 
 

 
.mobile-menu { 
 
    position: fixed; 
 
    width: 70%; 
 
    height: 100%; 
 
    background: white; 
 
    z-index: 1000; 
 
} 
 

 
.mobile-menu ul { 
 
    top: 10.2%; 
 
    color: black; 
 
    position:relative; 
 
    text-align: left; 
 
    font-weight: bold; 
 
} 
 

 
.mobile-menu li a { 
 
    display: block; 
 
    padding: 4% 0; 
 
    border-bottom: 1px solid black; 
 
} 
 

 
.mobile-menu > ul> li:hover > a, .mobile-menu > ul> li:hover > .sub-menu > li:hover > a, .mobile-menu > ul .sub-menu .sub-menu > li:hover > a { 
 
    background-color: #111; 
 
    color: #fff; 
 
} 
 

 
.mobile-menu ul li ul { 
 
    height: 100%; 
 
    width: 100%; 
 
    display: none; 
 
    background: #fff; 
 
    border: none; 
 
    position: relative; 
 
} 
 

 
.mobile-menu ul li:hover ul { 
 
    display: block; 
 
} 
 

 
/************************************************ 
 
Caret Design 
 
************************************************/ 
 

 
.caret { 
 
    display: none; 
 
    width: 100%; 
 
    height: 100px; 
 
    position: relative; 
 
    border-bottom: 1px solid #000; 
 
} 
 

 
.caret:before { 
 
    content: ""; 
 
    border-color: #FFF transparent transparent transparent; 
 
    border-style: solid; 
 
    border-width: 12px; 
 
    width: 0; 
 
    height: 0; 
 
    position: absolute; 
 
    bottom: -24px; 
 
    left: 45%; 
 
    z-index: 1; 
 
} 
 

 
.caret:after { 
 
    content: ""; 
 
    border-color: #000 transparent transparent transparent; 
 
    border-style: solid; 
 
    border-width: 12px; 
 
    width: 0; 
 
    height: 0; 
 
    position: absolute; 
 
    bottom: -25px; 
 
    left: 45%; 
 
} 
 

 
.caret.show { 
 
    display:block; 
 
}
<div class="mobile-menu"> 
 
    <ul class="mobile-menu-ul"> 
 
     <div class="caret"></div> 
 
     <?php wp_nav_menu(array (
 
      'theme_location'=> 'new-menu', 
 
      'container' => '', 
 
      'items_wrap' => '%3$s' 
 
     )); ?> 
 
    </ul> 
 
</div>

+0

這個蠕蟲網站? – Samyappa

回答

0

在儀表板上去Apperance -> menu -> Show advanced menu properties

CSS Classes點擊複選框,然後你可以添加普通類父菜單和兒童菜單單獨的普通類。