2017-07-17 58 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> 
相關問題