採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマAMORE:スマホ閲覧時のグローバルメニューを非表示にしたい

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>-->

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事