［WordPress］フッターモバイルボタンが出ない謎

Cocoonのモバイルメニューについてです。

今のところこのサイト…
おそらくこんなふうに見えていると思います。

Cocoonでモバイルの設定をするには、
管理画面のCocoon設定から入り ⇨ モバイルのタブをクリックし選択します。

どのモードがどんなふうに見えるか、
のイメージを下に載せてますので、参考までにご覧ください。

自分の好みは
①ヘッダーあり
②グローバルナビが出て（サイドからスライドでもOK）
③モバイルフッターあり
④サイドバーはスライドから出せるパターン

っていうイメージ。

つまりこれを踏襲するのは、
モバイルメニューの、ヘッダー・フッターモバイルボタンしかないな、という…。

ところが最初の頃は、、
こんな表示になっており、イメージと違ってた。。

これだと、
サイドバーに出るのが出せないな…と💧

しばらく考えたあげく、
この表示に原因があったと気づいたのでした😅

PC用にフッターメニューを作ってたのですが、
それをモバイルにも設定してた、、のです。

Cocoonモバイル用のメニューまで、
PCに倣うとは思わなかったんだなぁー苦笑）

なのでメニュー設定から、モバイルフッターのチェックを外しましょう。

逆に言うと、
モバイルヘッダーやフッター向けのメニューを作り、反映できるのは魅力かと思います😁

さてCocoonにあるこれらのモバイルメニュー、
スマホだとどんなふうに見えるのか…上げてみました。

◦ボタンを表示しない
モバイル用ボタンなしの状態です。
つまり、PCサイトをモバイル版・レスポンシブデザインで見たような状態になる。

サイドバー表示は、記事のあとにスクロールで続くようになってます。

◦トップメニュー
ヘッダーにカスタマイズの余地ありそーなw

モバイル用にヘッダーをカスタマイズする、などで向いてそーなパターンに見えます。

スクロール下にはサイドバー部分が出るんですね。
これはこれで面白いというか…

◦ヘッダーモバイルボタン
ヘッダーにはモバイル用のメニューが出ます。
フッターはPCサイトのデザインを踏襲、モバイル独自のメニューは出ません。

そして、、サイドバーの情報も出ませんね💧

◦フッターモバイルボタン
上と逆でヘッダーにはPCと同じのが反映され、
フッターにはモバイル版のメニューが出ます。

◦ヘッダー・フッターモバイルボタン
ヘッダーにもフッターにも、モバイル版メニューが出るパターンです。

ヘッダーにグローバルメニューが出たまま、
スライドメニューでもまた同じメニューが出る…って点ではスマートじゃないかもしれません😅

なのでモバイルヘッダーは、
PC版と同じのをスマホで表示するのもカラー的にナンだな…と思いw
モバイル版にしてるトコはありますね。