2017-02-06 29 views
0

我购买了主题。导航栏在页面加载时无效1秒

http://transport.themesun.com/

当我们加载主页,导航栏不显示1秒钟的影响,然后消失。我不知道是什么导致了这个问题。

enter image description here

我试图把在标题中的所有脚本很好,但问题仍然存在。任何1可以指导我吗?您可以打开上述链接并按Ctrl F5查看我的意思。

回答

1

似乎只有当某些css类(.mm-menu.mm-offcanvas)被应用时,navbar才会隐藏,但只有当jquery插件(jquery.mmenu.min.all.js)文件被加载并且插件被触发时才应用这些类。您可以在默认情况下CSS隐藏navabr:

#mobile-menu { 
    display: none; 
} 

答案更新:

而不是使用id来的风格元素,您应该使用的一类。 ID选择器具有高特异性,因此它们优先于类选择器,并且在您的情况下,可以覆盖由jquery插件应用的可见性样式,因此即使在移动设备上,导航栏也可能不可见。您还可以使用:not伪类(即使带有id选择器):

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

Thankyou的帮助我会检查您的解决方案。 –

+0

在这种情况下,我认为最好添加'.hidden'类('.hidden {display:none;}')并在'jquery.mmmenu.min.all.js'文件完成作业后将其删除脚本在文档准备就绪后触发)。否则,您可能会在移动设备上没有移动菜单。 –

+0

这也是一个很好的解决方案,但请注意,即使这个类没有被删除,它也会被'mmenu'插件添加的classess重写。 –