2017-12-28 16 views
0

のためのモバイルメニューを追加します。しかし、モバイルビューではモバイルメニューバーは表示されません。<p></p>私はデスクトップがデスクトップヘッダには何の問題をmenu.Hereない持っている、液体テーマShopifyで

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

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

答えて

0

さてあなたは、単にそのようなビューごとにクラスを作成することができます: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つのクラスに関するすべてのスタイルを作成します。

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

関連する問題