如何将插入符号类添加到菜单中,菜单中只包含子菜单

时间:2016-11-12 16:22:23

标签: jquery html css wordpress

我需要添加(或显示,我真的不知道我是否需要添加或显示该课程)。

我希望它显示在只有子菜单的父元素上 我真的不知道我应该把什么放入我的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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

在信息中心转到Apperance -> menu -> Show advanced menu properties

单击CSS Classes的复选框,然后您可以为父菜单添加公共类,并为子菜单分隔公共类。