导航栏在页面加载时没有效果1秒钟

Question

我购买了一个主题。

  

http://transport.themesun.com/

当我们加载主页时，导航栏在1秒内没有效果，然后消失。我不知道造成这个问题的原因。

我尝试将所有脚本放在标题中，但问题仍然存在。任何人都可以指导我吗？您可以打开上面的链接，然后按Ctrl F5查看我的意思。

Answer 1

似乎只有在应用某些css类（.mm-menu.mm-offcanvas）时才会隐藏导航栏，但只有在加载jquery插件（jquery.mmenu.min.all.js）文件并触发插件时才会应用这些类。您可以在css中默认隐藏navabr：

#mobile-menu {
    display: none;
}

答案更新：

您应该使用类，而不是使用id来设置样式元素。 ID选择器具有高特异性，因此它们优先于类选择器，在您的情况下，jquery插件应用的可见性样式可以被覆盖，因此即使在移动设备上也可能看不到导航栏。您还可以使用:not伪类（即使使用id选择器）：

#mobile-menu:not(.mm-menu) {
    display: none;
}