スマホ閲覧時にヘッダーに固定されるメニューを表示する

ヘッダーに固定されるメニューの表示方法を紹介します。

このメニューはスマホ閲覧時にのみ表示されます。
PC・タブレットでは表示されません。

ヘッダー固定メニューを表示する手順

1. 「ヘッダー固定用メニュー」を設定する

   WordPress管理画面から外観 > カスタマイズ > メニューと進み、
   「ヘッダー固定メニュー（スマホ）」にチェックを入れます。

   

   入れるメニューは3つにしてください。
   1つ～2つだと右が空白に。3つ以上だと段落落ちしてしまいます。
   それから文字数にも気を付けてください。長すぎても段落落ちします。

2. メニューの色を変更する

   WordPress管理画面から外観 > カスタマイズ > 色から
   メニューの色を変更できます。

   

以上、スマホ閲覧時にヘッダーに固定されるメニューを表示する手順となります。