我使用下面的代码在 header.php
中显示我的菜单
$arg = array(
'menu' => 'top',
'theme_location' => 'top',
'menu_class' => 'nav navbar-nav', );
wp_nav_menu($arg);
通过添加正确的 css,我能够在鼠标悬停时正确显示子菜单。但是,在鼠标悬停时,只有子菜单 block 内的文本是可点击的,子菜单 block 的其余部分不可点击。此外,页面源代码中的代码证实了这一点,它看起来像这样:
<ul id="menu-top" class="nav navbar-nav" >
<li>
<ul class="sub-menu" >
<li id="menu-item-75" ><a href="http://.....">link text</a> </li>
</ul>
</li>
</ul>
但是,我希望整个子菜单 block 都是可点击的,我想如果我能以某种方式将 anchor 代码放在 <li>...</li>
之外然后它就可以工作了,看起来应该是这样的:<a href=""><li>....</li></a>
.但是怎么办?
请告诉我如何仅通过使用 css
来做到这一点或 wp_nav_menu($arg);
或者我还有什么其他选择?
非常感谢
最佳答案
/* css Solution */
.sub-menu li {
width: 100%;
height:100%;
display: block;
}
.sub-menu li a {
display:block;
width: 100%;
height: 20px;
}
关于css - Wordpress,如何使整个子菜单下拉 block 可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50130013/