页面加载时屏幕上显示汉堡菜单，然后不可单击

问题描述

当在移动设备上加载页面或在桌面上调整大小的浏览器窗口中加载页面时，我的汉堡菜单会在每次加载页面时在屏幕上闪烁。这样，汉堡包按钮将无法单击-光标会更改为显示有一个按钮，但是没有单击将打开菜单。

我查看了我网页的回溯机器档案，其中的汉堡包菜单运行良好，我认为ut-mm-trigger在当前网站上可能存在问题，因为样式设置为display：none，如下所示。

我不知道其他什么信息会有所帮助-我不太确定自己在做什么。我有一个wordpress网站，并删除了所有插件以及我添加到主题中的任何其他代码，但是无法解决问题。我已经更新了jquery和bootstrap的版本，但是并没有改变任何东西。该网站位于：https://usapschool.org

<div class="ut-mm-trigger" style="display: none;">        
        <div id="ut-hamburger-wrap-mobile" class="ut-hamburger-wrap">
           <a id="ut-open-mobile-menu" class="ut-hamburger ut-hamburger--cross" type="button">
                <span></span>
            </a> 
        </div>
</div>

解决方法

display: none隐藏了该文件，没有对应的文件可以将其放回您需要该代码的移动设备上。 将此添加到您的手机/平板电脑媒体查询中；

@media screen and (max-width: 767px) {
.ut-mm-trigger {display:block;}
}