Q.スマホ閲覧時のメニューの非表示方法について
メニューの作成にあたって外部プラグインを使用したいのですが、メニューが2重で表示されてしまいます。デフォルトのメニューを非表示にすることは出来ますか?
A.下記のphpファイルの該当箇所を編集してください
編集するファイル:header.php
編集する箇所:
非表示する部分をif(!is_mobile()){・・・}で囲むと
スマホでは非表示となりますので、下記のようにご記載ください。
<?php if(!is_mobile()){?> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style='z-index:3000'> <span class="sr-only"><?php _e('Toggle navigation','_tk') ?> </span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <?php }; ?>
または下記のようにコメントアウトする事で、非表示となります。
<!--<span class="sr-only"><?php _e('Toggle navigation','_tk') ?> </span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>-->
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!