Wordpress子菜单未显示在移动设备

Question

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

有几个好友看着它，似乎有太多样式应用于.mainnavigation。

任何易于理解的帮助都会在我学习Wordpress开发的过程中受到高度赞赏!!

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

链接到网站https://froufroudays.co.uk/

Answer 1

当父元素悬停时会出现子导航，但这种方式很奇怪：css更改＆＃34; left＆＃34;来自＆＃34; 99999em＆＃34;的参数至＆＃34; 1.4em＆＃34;，但仅适用于媒体查询＆＃34;屏幕和（最小宽度：768px）＆＃34; - 你可以在style.css的第2125行找到它。

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

要解决此问题，您只需在悬停时为小于768px的媒体查询添加css规则。

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

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