Q.スマホ表示のメニューボタンの表示の調整方法について
スマホ表示の際にヘッダーに表示されるメニューのアイコンや、文言を追加する場合の変更方法を教えてください。
A.下記のphpファイルの該当箇所を編集してください
編集するファイル：header.php
編集する箇所：
<div class="row photek-sub-head">
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<?php wp_nav_menu(
array(
'theme_location' => 'primary',
'menu_class' => 'nav nav-justified',
'fallback_cb' => '',
'menu_id' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s"><li id="menu-toggler"
class="menu-item visible-xs"><a href="#"
onclick="if(document.getElementById(\'main-menu\').style.height !=
\'auto\') { document.getElementById(\'main-menu\').style.height=\'auto\';
document.getElementById(\'main-menu\').style.overflow=\'visible\'; }
else { document.getElementById(\'main-menu\').style.height=\'50px\';
document.getElementById(\'main-menu\').style.overflow=\'hidden\'; }
">MENU<span class="glyphicon
glyphicon-menu-hamburger"></span></a></li><li class="menu-item"><a
href="' . home_url() . '"><span class="glyphicon
glyphicon-home"></span></a></li>%3$s</ul>',
「＜span class=”glyphicon glyphicon-menu-hamburger”＞＜/span＞」の[glyphicon glyphicon-menu-hamburger]はfont-awesome
でメニューボタンを表示させています。この箇所を編集することでアイコン変更ができます（変更方法はfont-awesomeサイトをご覧ください）
また、「＜span class=”glyphicon glyphicon-menu-hamburger”＞＜/span＞」の前に「MENU」を追加することで文言が適用されます。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！