javascript - Hello bar 应用程序使我的导航移动崩溃。

Question

我在 Shopify 中的主题有问题，我安装了一个名为“Hello Bar”的应用程序来在我的所有页面上显示优惠。由于某些原因，该应用与我的主题不兼容，我与该应用的开发人员进行了交谈，他们告诉我将其添加到我的主题中的 CSS 文件中:

@media screen and (min-width: 1025px){

     .page-wrapper{

        position: static;

   }

}

这解决了桌面版的问题，但在移动版上，我的导航菜单崩溃了，我无法关闭它。我添加了这个来解决这个问题:

@media screen and (max-width: 1024px){
   .nav-mobile{
       display: none;
   }

但是当我点击菜单按钮时，菜单是空白的。 请有人可以帮助我，有没有可以解决此问题的技巧？

Answer 1

设置 display: none; 隐藏您应用它的元素。这就是菜单空白的原因。