前略、もちまい さん

以前と同じかどうかわかりませんが、「トップメニュー」にするとハンバーガーメニューっぽいです。

ちょっと、私は以前のトピックで尋ねられたため、カタカナ表記になっちゃってますけども。

もちまいさん

あと、モバイルメニューのメニューボタンは、確か、グローバルメニューを先に作らないと表示されなかったと思います。

グローバルナビのメニューを設定する方法

一応へっだーモバイルボタンの設定方法のリンクも貼ってみます。

自分でいろいろ変えることもできそうですね。

ヘッダーモバイルボタンの設定方法

リフィトリーさん、早々の回答ありがとうございます。

グローバルナビの設定ですが、最初に投稿した真ん中の画像の状態で
設定できていると思いますがあっていますか？
フッターにメニューは入っています。

トップメニューにすると、真っ白になってしまうんです・・・ ? 

header-container.phpをいじっていたので、これが
原因かと思って外してみましたが表示されませんでした。
（デフォルトではなくPCだけ設定している状態です）

添付画像は、Cocoon設定のヘッダータブで「高さ（モバイル）」に50pxを入れている状態です。
ヘッダーモバイルボタンを選択して、最初のようにホームとロゴと検索が並んでいる状態にすると
その下に50px空間ができてしまうので、「高さ（モバイル）」は0pxが正解でしょうか？
ここは関係ないでしょうかね。

あと、AMPページでは表示されないと書かれていますが、
Cocoon設定でAMP機能を有効化するにチェックが入っていないので大丈夫ですよね？

うーん、モバイルボタンにするしかないのでしょうかね。。。。。

@もちまい さん

投稿者:: @もちまい

グローバルナビの設定ですが、最初に投稿した真ん中の画像の状態で
設定できていると思いますがあっていますか？
フッターにメニューは入っています。

おそらく、グローバルメニューは、まだ設定されていないんだと思います。

後々のことも考えると、フッター用のメニューとグローバルメニュー（PC用ヘッダーメニュー）は、メニューを別に作った方が、無難です。

また、ヘッダーメニュー（PC用グローバルメニュー）とヘッダーモバイルメニュー（スマホ用のヘッダーメニュー）も別々につくることもできます。

スマホ用のヘッダーメニューは、ヘッダーモバイルボタンやフッターモバイルボタンを使うので、要らない、という場合は、設定する必要はないと思います。

メニュー構造のところのメニュー設定のチェック項目で、「ヘッダーメニュー」というのが、いわゆる、PC用のグローバルメニューになります。

これにチェックが入っていないと、PC用グローバルメニューとして表示されませんし、モバイルボタンにメニューボタンも表示されないだろうと思います。

@もちまい さん

投稿者:: @もちまい

header-container.phpをいじっていたので、これが
原因かと思って外してみましたが表示されませんでした。
（デフォルトではなくPCだけ設定している状態です）

phpファイルは、phpの基礎的な知識を習得していない場合は、触らない方が無難です。

@もちまい さん

投稿者:: @もちまい

添付画像は、Cocoon設定のヘッダータブで「高さ（モバイル）」に50pxを入れている状態です。
ヘッダーモバイルボタンを選択して、最初のようにホームとロゴと検索が並んでいる状態にすると
その下に50px空間ができてしまうので、「高さ（モバイル）」は0pxが正解でしょうか？

細かい調整は、表示されるべきアイテムが、ちゃんと表示されてから、行う方が２度手間にならずに済みます。

@もちまい さん

投稿者:: @もちまい

あと、AMPページでは表示されないと書かれていますが、
Cocoon設定でAMP機能を有効化するにチェックが入っていないので大丈夫ですよね？

どの部分のことを指しているのか、ちょっとよくわからないのですが、AMPを利用しないのであれば、何ら、関係ないと思われます。

@もちまい さん

Cocoonには、メニューを設定できる箇所がたくさんあります。

・ヘッダーメニュー
・ヘッダーモバイルメニュー
・ヘッダーーモバイルボタン
・フッターメニュー
・フッターモバイルボタン
・モバイルスライドインメニュー

どのメニューがどこの部位のメニューであるかを、先ず理解する必要があるかもしれません。

@leafytree

リフィトリーさん

ありがとうございます！
ヘッダーメニューにチェックを入れたら、モバイルのバーガーメニューが表示されるようになりました！

ただ、PCのヘッダーメニューは不要なのですが。。。
こちらを非表示でモバイルではメニューを出す
という組み合わせはできない仕様なのですかね？？

もしそうでしたら、PCのヘッダーメニューを表示させるか
バーガーメニューを諦めてボタンにするかは、今後検討したいと思います。

メニューは内容は同じでも個別にしてみました。
アドバイスありがとうございます。

その他も、丁寧にご回答いただきありがとうございます。
すべて了解いたしました！！

管理画面の中をくまなく見ているつもりでしたが
ヘッダーメニューをチェック入れた時に
PCにヘッダーメニューが表示されてしまったので
モバイルメニューに関係しているとは思わず、すぐに外してしまいました。

ワードプレスはデザインや構成にあまりこだわり過ぎない方が良いかもしれないですね～(^_^;)

@もちまい さん

投稿者:: @もちまい

ただ、PCのヘッダーメニューは不要なのですが。。。
こちらを非表示でモバイルではメニューを出す
という組み合わせはできない仕様なのですかね？？

もしそうでしたら、PCのヘッダーメニューを表示させるか
バーガーメニューを諦めてボタンにするかは、今後検討したいと思います。

私もCocoonの仕様を全て理解している訳ではないので、グローバルメニューを非表示にする方法もあるのかもしれないです。

わいひらさんに聞いてみてください。

投稿者:: @もちまい

ワードプレスはデザインや構成にあまりこだわり過ぎない方が良いかもしれないですね～(^_^;)

これだけ高機能のWordPressのテーマが無料で使えること自体に、私はとても感謝しています。

Wordpressでデザインや構成にこだわってWebサイトを制作する場合は、それ相当のスキルを身に着ける必要が出てきそうな気がします。

投稿者:: @もちまい

ただ、PCのヘッダーメニューは不要なのですが。。。
こちらを非表示でモバイルではメニューを出す
という組み合わせはできない仕様なのですかね？？

そういう重要は少数かと思っているので、機能としてはないです。
ただ、CSSで非表示にするコードを書けば、比較的簡単にできるかと思います。

リフィトリーさん

お返事ありがとうございます。

おっしゃる通りですね、
ここまでの機能を無料で使わせてもらえるだけで感謝・感謝ですね！！

今後何度か作っていくうちにスキルアップしていけたらと思います。

ちなみにPCヘッダーメニューは、以下のCSSで非表示にできました！！

.page .navi{
display: none;
}

※私が作ったわけではなく過去の質問から見つけた物をアレンジしました。

固定ページのシェアボタン・フォローボタンを消す方法

モバイルバーガーメニューも消えずに残っています(^^)

おかげさまで、解決しました。
いろいろとアドバイスをありがとうございました！

ぜひまたよろしくお願いします。