菜单切换按钮不适用于移动设备,但适用于桌面浏览器中的所有移动设备模拟器

问题描述 投票:0回答:1

https://www.charitygolfsigns.com/上,我的菜单都折叠成移动电话的汉堡菜单图标,但是在我的手机和其他人的电话上轻按它并没有任何作用。但是,当在Google Chrome DevTools中的移动模拟器上单击它并缩小正常的浏览器窗口时,它可以工作。

我一直在使用WordPress额外的CSS,然后再将其放回去,但它并没有说明问题出在哪里。

非常感谢您的帮助。谢谢。

css wordpress mobile menu hamburger-menu
1个回答
0
投票

现在,我在该站点上看不到任何东西,它根本可以切换菜单(即使在DevTools中也是如此)。

您可以添加一个简单的jquery脚本,以切换菜单:

<script>
   jQuery('.header-mobile-menu').click(function() {
     jQuery('#site-navigation').toggle();
   });
</script>

但是,即使那切换了您的导航,您仍然需要为其设置样式或切换单个移动广告块。因为现在,它只会切换您的“桌面”导航

© www.soinside.com 2019 - 2024. All rights reserved.