安卓手机菜单流程错误

Question

我有一个word-presssite，该网站的菜单流程在桌面和i-phone上都可以正常工作，但在所有android手机上都是错误的。

问题是：

我有一个主菜单“课程”，课程下的子菜单是“学校课程”。

当我点击“课程”时，“学校课程”页面将加载而不是“课程”页面。

我很清楚，这个问题只与安卓手机有关。

代码是：

  <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-36">
  <a href="http://www.kravmagaoz.com.au/courses/"><span>Courses</span></a>

  <div class="sub-menu-wrapper">
  <ul class="sub-menu">

  <li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://www.kravmagaoz.com.au/school-programs/"><span>School Programs</span></a></li>
  <li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="http://www.kravmagaoz.com.au/womens-self-defence/"><span>Women’s self defence</span></a></li>
  <li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="http://www.kravmagaoz.com.au/security-programs/"><span>Security Programs</span></a></li>
  <li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="http://www.kravmagaoz.com.au/business-workshops/"><span>Business Workshops</span></a></li>
  <li id="menu-item-4780" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4780"><a href="http://www.kravmagaoz.com.au/instructor-courses/"><span>Krav Maga Instructor Course</span></a></li>

</ul>

</div>
</li>

网站网址：http://www.kravmagaoz.com.au/

任何帮助。

Answer 1

实际上，<li> 标签的 div 有一些重叠，因此您需要检查 css 并在 @media 查询中添加更新的代码。 谢谢