WordPressテーマTCDのカスタマイズを研究するサイト

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

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

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。