2017-07-17 104 views
0

我在Shopify中遇到了一个问题,我安装了名为“Hello Bar”的应用程序,以在我的所有页面上显示优惠信息。出于某种原因,该应用程序是不是与我的主题兼容,我曾与该应用程序的开发人员,他们告诉我,这在我的主题添加到我的CSS文件:你好吧应用程序让我的导航手机崩溃。

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

    .page-wrapper{ 

     position: static; 

    } 

} 

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

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

但是当我点击菜单按钮时,菜单是空白的。 请有人可以帮助我,是否有一个技巧可以解决这个问题?

+0

能否请您分享您的网站的网址。所以我可以告诉你如何解决。 尝试此作为猜测 @media屏幕和(最大宽度:1,024){ 。第-包装{ 位置:初始; } } –

+0

这是网址:http://myintent.myshopify.com/?preview_theme_id=143300737 –

回答

0

设置display: none;隐藏您将其应用于的元素。这就是菜单为空的原因。

+0

我的问题是,如果有其他的方式来解决这个问题?我如何隐藏导航菜单,然后显示它? –

0

我加入这个剧本,也没有工作

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#icon-hamburger").click(function() { 
     $("#cell-phone").show(); 
}); 
}); 

</script> 
相关问题