Wordpress 子菜单未出现在移动设备上答案

【问题标题】：Wordpress sub menu not appearing on mobileWordpress 子菜单未出现在移动设备上
【发布时间】：2018-04-16 09:14:02
【问题描述】：

首先在这里使用（Dara）儿童主题，离菜鸟不远。一切都运行良好，网站已注销，直到客户更新 Wordpress，现在子菜单项已停止在移动设备上显示。我尝试使用响应式菜单插件作为临时解决方法，但即使那样子菜单项也不会出现。

有几个朋友看过它，似乎有太多的样式应用于 .mainnavigation。

在我学习 Wordpress 开发的过程中，任何易于理解的帮助都将不胜感激！

尝试停用所有插件，似乎没有冲突。这一定是我不明白的 CSS 问题。

【问题讨论】：

这是您留下的 CSS 问题：-99999em;在索引和左侧：99999em；在 style.css 中。可能有人尝试了一些他不理解的东西。解决这个问题的简单方法就是 .main-navigation ul ul { position: static;背景颜色：#154d60； } 适合自己。

【解决方案1】：

当父元素悬停时出现子导航，但这种方式很奇怪：css将“left”参数从“99999em”更改为“1.4em”，但仅适用于媒体查询“屏幕和（最小宽度: 768px)" - 你可以在 style.css 的第 2125 行找到它

因此，您的主题不需要移动菜单中的子导航。

要解决此问题，您只需为小于 768 像素的媒体查询添加 css 规则。

@media screen and (max-width: 768px) {
  .main-navigation ul li:hover > ul {
    left: 0;
    top: 0;
    position: relative;
  }
}

但这种方式并不完美。最好是使用 JavaScript 在移动设备上点击显示子导航。

【讨论】：