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

fixed-menu-thumbnail

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

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

固定メニューのデモ

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

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

[管理画面] ⇒ [外観] ⇒ [カスタマイズ] ⇒ [メニュー]で
ヘッダー固定用メニューにチェックを入れます。

「ヘッダー固定用メニュー」を選択

「ヘッダー固定用メニュー」を選択

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

メニューの色を変更する

[管理画面] ⇒ [外観] ⇒ [カスタマイズ] ⇒ [色]で
メニューの色変更ができます。

メニューの色を変更

メニューの色を変更

fixed-menu-thumbnail
この記事が良かったら、いいねして
最新記事をチェックしてください!

Twitterで

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。