<p></p>私はデスクトップがデスクトップヘッダには何の問題をmenu.Hereない持っている、液体テーマShopifyで

Question

のためのモバイルメニューを追加します。しかし、モバイルビューではモバイルメニューバーは表示されません。

これは 私の携帯のメニューは、その後どのように私は私の携帯ナビゲーションバーにモバイルメニューを作成することができます

である私のデスクトップのナビゲーションバーです。

Answer 1

さてあなたは、単にそのようなビューごとにクラスを作成することができます：768px未満

表示：

.mobile-only { 
     display: block; 
     visibility: visible; 
     padding: 0; 
    } 
.desktop-only { 
     display: none; 
     visibility: hidden; 
    } 

768pxよりもディスプレイも大きいか等しい：

@media (min-width: 768px) { 
    .mobile-only { 
     display: none; 
     visibility: hidden; 
    } 
.desktop-only { 
     display: block; 
     visibility: visible; 
    } 
} 

を作成し、モバイルまたはデスクトップに表示されるこの2つのクラスに関するすべてのスタイルを作成します。

ハッピーコーディング:)