helix3テンプレートを使用していて、大画面で「オフキャンバスメニュー」を非表示にして、タブレットとモバイル画面にのみ表示されるようにする必要があります。助けて!
最初に行きます:
ここからオプションを選択メニュータイプのみメガメニュー、このオプションは非表示にします
大画面のオフキャンバスメニュー。
タブレットでキャンバス外メニューを表示するには、次のパスに移動します。
この行を見つけます:
<a id="offcanvas-toggler" class="visible-xs" href="#"><i class="fa fa-bars"></i></a>
そして、値visible-smおよびvisible-mdを追加します。
<a id="offcanvas-toggler" class="visible-xs visible-sm visible-md" href="#"><i class="fa fa-bars"></i></a>
よろしく。
迅速な解決策
@media (min-width: 1600px) {
.offcanvas-menu, #offcanvas-toggler {display:none;}
}
これをカスタムCSSコードに追加するだけです。
Template-> templateDetails.xmlに移動するか、コメントアウトするか、offcanvasから位置を削除します。次に、ルートディレクトリに移動し、次にfeaturesを編集してファイルmenu.phpを編集し、次の行をコメント/削除します。
保存して終了。次に、ページをリロードします。
もっと簡単な方法があります。 [テンプレート]> [スタイル]> [Shaper_helix3]> [メニュー]> [メニュータイプ]に移動し、[Mega Menu Save]を選択します。