前略、omochikunさん

ブラウザの表示が拡大表示になっていたりしませんか？

command + 0（ゼロ）のショートカットキーで、等倍表示にしてみるとどうでしょうか？

ブラウザの拡大・縮小・リセットはショートカットで簡単操作！（Win・Mac）

https://naruo.info/archives/3728

私のWindows環境では問題なく表示されています。

@leafytree リファトリー様、ご対応誠にありがとうございます。

ご指摘ありました等倍表示を試みましたが、変化はありませんでした。

なお、PC、タブレット、モバイル、全てにおいて同じようにヘッダーメニューが表示されない状態となっております。

引き継ぎ、よろしくお願い致します。

打ち間違えていました。×引き継ぎ→○引き続き

引き続き、よろしくお願い致します。

@omochikun さん

では、command + 「-」（マイナス）でブラウザの表示を縮小表示にすると表示されますか？

スマホしか手元にないもので、調べることはできないのですが・・・。

リフィトリーさんの仰るとおり、画面幅を広げると、表示はされているみたいです。

添付はスマホのものですけど、横画面にして表示サイズを変えています。

@omochikun さん

CocoonのPC用のグローバルメニューは、画面幅が1023px以下のときは非表示になる仕様です。

ですので、画面の小さなノートパソコンやタブレットでは、PC用のグローバルメニューは非表示となり、モバイル端末用のモバイルヘッダーボタンが表示される仕様です。

試しに、ブラウザの表示を縮小したり、拡大したりしてみてください。

Cocoonにはモバイル用のグローバルメニューを設定する機能もありますので、画面の小さな端末でもグローバルメニューを表示させたい場合は、こちらの設定をすると良いかもしれません。（ご希望に沿うものかどうかはわかりませんが・・）

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

https://wp-cocoon.com/mobile-global-menu/

ブラウザの表示を拡大したり縮小したりしてみたのが以下のGIFアニメです。

@leafytree さんの通りです。

●手順
[Cocoon設定]→[モバイル]→モバイルメニュー「ヘッダーモバイルボタン」

●原因
[外観]→[メニュー]→メニュー設定「ヘッダーメニュー」のみチェックとなっている。
表示幅が1023px以下になった時、ヘッダーメニューは非表示となる。(.menu-top menu-pc)

●対策
[外観]→[メニュー]→メニュー設定「ヘッダーモバイルメニュー」にもチェックを入れる。
表示幅が834pxの時、ヘッダーモバイルメニューとして表示される。(.menu-top menu-mobile)

●補足
表示幅835～1023pxの間、ヘッダーメニュー、ヘッダーモバイルメニューとも表示されない。
これは問題かと。

@chu-ya さん

ヘッダーモバイルボタンは1023px以下で表示されるのに、ヘッダーの高さの設定が、834pxまで保持されちゃうので変な余白ができちゃうような気もします。

出先でよく調べられないので、できましたら、よろしくお願いします。

@chu-ya さん

1023px以下というのは、過去にいろいろと模索した結果、そこに落ちついた経緯があったように記憶しています。

ヘッダー設定に伴う動作仕様が分かり難いですね。
Cocoonマニュアルのヘッダーロゴ設定に解説の追記を望みます。

●現象
表示幅835～1023pxの間、モバイルヘッダー下に空白ができる。

●原因
[Cocoon設定]→[ヘッダ]→高さ「100px」となっている。

●対策
上記の値100pxを削除し保存し直して下さい。

もしかしたら、cocoon設定のヘッダータブの「高さ」については、1023px以下は「高さ（モバイル）」に切り替わるようにした方がいいのかもしれないですね？

出先でスマホしかないので、よく確かめていませんので、間違っているかもですが、、、

おそらく、デフォルトであればロゴが出ているのに加えて、キャッチフレーズが表示されているため[Cocoon設定]→[ヘッダ]→高さ「100px」となっていてもそれほど違和感はないはず。
今回は、[Cocoon設定]→[モバイル]→「サイトヘッダーロゴを表示する」が無効になっていて、ロゴが表示されずしかもキャッチフレーズもないので空白が目立ってしまっているのだと思います。

ですので、[Cocoon設定]→[モバイル]→「サイトヘッダーロゴを表示する」が無効になっている場合は、1023px以下になった時、高さを解除してみました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------

----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.5.7
カテゴリ数：19
タグ数：140
ユーザー数：1
----------------------------------------------

●条件
[Cocoon設定]→[モバイル]→モバイルボタン「サイトヘッダーロゴを表示する」にチェックなし

●確認
表示幅が1023px以下の時、ヘッダーの高さが解除され、ヘッダーロゴが非表示になり。
問い合わせの問題が、解決されている事を確認しました。

@chu-ya 

ご確認いただきありがとうございます！

@yhira さん

私もローカルのテストサイトに適用してみましたが、今回の事象に関しては上手くいっているように見えます。

ただ、まあいろいろな使い方をされているので、この影響が及ぶ範囲がいまひとつ想像がつかないところもあり・・

リフィトリー様、mk２様、chu-ya様、わいひら様

皆様、貴重なご意見を誠にありがとうございました。

表示幅のサイズを変えるとヘッダーロゴが出現と消失を繰り返すようになりました。

基本的な内容だったかもしれませんが、悩んでいた自分としては本当に助かりました。

まだまだ作成途中のブログ内容でお恥ずかしい限りではありますが、頑張って作成していこうと思います。

またの機会にもご指導の程、よろしくお願い致します。

自分のテストしたgifアニメを眺めていたら、pc用のグローバルメニューからモバイル用のグローバル？メニューに切り替わるときに、グローバルメニューが無い画面幅域があることに気付きました。

PC用とモバイル用の両方を設定したときは、どちらかが表示されている方が良いような気もしてまいりました。

余計な事に気づいてしまった？のかもしれません。

@leafytree リフィトリー様、貴重なご意見をありがとうございます。

教えて頂いたにも関わらず、返信が遅くなりまして申し訳ありません。

お話にありましたPC用とモバイル用の両方を設定したときには、どちらかが表示されているようにするためには、どのように設定したらよろしいでしょうか。

ご教授いただけますと嬉しいです。よろしくお願い致します。

@omochikun さん

子テーマCSSか、追加CSSの一番下に以下を追加。

@media screen and (max-width: 1023px) {
  #navi .navi-in > .menu-mobile {
    display: flex;
  }
}

omochikunさん

少し思うのですが。（余計なことかもしれませんが。）

添付画像は幅834pxです。

ヘッダーモバイルボタンをご利用ですので・・・。

@omochikun さん

chu-yaさんご案内のコードでできるかと思います。

https://wp-cocoon.com/community/postid/62945/

chu-ya様、mk2様、リフィトリー様

貴重なご意見をありがとうございました。

本業が忙しく確認や返信が遅くなってしまい大変申し訳ありません。

初心者の身からすると本当に心強くありがたい限りです。

これからもブログ作成を頑張っていきます。

また分からない事を質問させて頂くかと思いますが、

引き続き、ご指導お願い致します。