为什么我在这个网站上的移动菜单在浏览器上有效，但在实际移动设备上却无效？

Question

我的移动菜单在桌面浏览器上运行良好，但在实际移动设备上运行不正常。我已经在 Chrome、Safari 和 Firefox 上对其进行了测试。

我已经尝试过但这里的情况似乎不同。

    <div id="mobileSticky">
        <div class="title-bar" data-responsive-toggle="site-navigation">
            <button class="menu-icon" type="button" data-toggle="mobile-menu"></button>
            <div class="title-bar-title">
                <a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><img src="/wp-content/themes/imagineItStudios2017/assets/images/header/logo.svg" alt="Imagine It Studios" class="desktopLogo"></a>
            </div>
        </div>
    </div>

我希望菜单也能在小桌面屏幕和移动设备上打开。

Answer 1

删除 class 并查看是否可以解决问题。需要查看 css 但那个或移动菜单标志正在破坏它。否则它是微不足道的js。

此外，您的其他 class 可能有问题，请尝试隔离问题。

Answer 2

我检查了控制台日志，发现有一个javascript错误。我相信这就是原因。

检查代码后，我认为它来自某种联系表单插件。由于 js 文件被缩小和缓存，我相信您在网站上使用了某种 cacing/minifying 插件，这有时会导致 javascript.

出现问题

请仔细检查javascript代码并修改缓存插件的设置（如果有的话）。我认为问题可能会得到解决。

谢谢。

为什么我在这个网站上的移动菜单在浏览器上有效，但在实际移动设备上却无效？

Why does my mobile menu on this site work on browser but not on actual mobile device?

html

wordpress

sass

zurb-foundation