0
我需要添加(或顯示,我不知道是否需要添加或顯示該類)。如何將插入類加入菜單中,其中只有子菜單
我希望它顯示在只有子菜單的父元素上。
我真的不知道我應該放入我的jQuery代碼。這就是爲什麼我沒有在這裏粘貼任何東西。
我正在使用wordpress。這裏是插入符號設計的圖片:
對不起,小傢伙的信息,如果你需要更多的信息來幫助我,只問。
不知道還有什麼我應該放在這裏。
/************************************************
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>
這個蠕蟲網站? – Samyappa