おそらくこの画像の縦幅が少なすぎるんだと思います。

 http://manekuru.net/wp-content/uploads/2023/07/ヘッダー.png 

可能ならもう少し下に余裕を持ってトリミングすれば良いのかも（画像にそれだけの余裕があればですが）。

試しにヘッダーの背景画像に以下の画像をそのまま設定すると余白はどうなりますでしょうか。よろしければスクリーンショットいただければ幸いです。
※確認後は元に戻していただいて大丈夫です。

@yhira 頂いた画像にしたらなくなりました。

おっしゃる通り画像の縦幅が足りなかったのかなと思い、Cocoon設定のヘッダーの高さを試しに200にしてみたら

添付画像のように謎の空間消えました。

ただ、元の猫のヘッダー画像の高さも350ありました。

何故Cocoon設定のヘッダーの高さを350にすると縦幅が足りなくなって空間ができてしまうのでしょうか？

自分のパソコンから見るとヘッダーの高さ200にした時が期待した通りの見た目なのですが、画像自体のサイズを調べると350縦幅があります。

このままヘッダーの高さ200にしておいて大丈夫でしょうか？

パソコンの画面サイズによってヘッダー画像が途中で切れている、ということはあり得るのでしょうか？

ちなみに横幅は1900です。

画像が縦幅350ある（1900×350）

Cocoon設定でヘッダー高さ350にする→謎の空間ができる。

Cocoon設定でヘッダー高さ200にする→画像が切れる。

わいひら様に頂いた画像が縦幅680くらいあったのですが、ヘッダーの高さを350にしても

600以上ないと空間ができてしまうものなのでしょうか？

画像をこのままで空間をなくす設定はできますか？

お手数をおかけしますが、どうぞよろしくお願いいたします。

●原因

ヘッダーmin-height:350pxとなっている。

画面幅1024px以上
headerのbackground-size:100%の為、背景画像の大きさは画面の幅に応じ小さくなる。
最小高さは350px固定の為、余白ができる。

:root {
  --pic-w: 1900;/* 画像横幅 */
  --pic-h: 350; /* 画像縦幅 */
}

.header {
  align-items: center;
  display: flex;
  min-height: calc((100vw - 17px) * var(--pic-h) / var(--pic-w));
}

.header .header-in {
  min-height:unset;
}

●補足

画面幅834px以下の高さは、以下のタイトルロゴと上下余白分となる。

.logo-text {
  padding: 20px 0 30px;
}

@morinoki5 さん

chu-ya さんとは違う案。せっかく試したので書いておきます。

① Cocoon 設定 > ヘッダーの「高さ」に 350 とお書きになっているはずです。その 350 を削除します。

② 子テーマの style.css に CSS を書きます。

.header {
  aspect-ratio: 1900 / 350;
}

.header-in {
  height: max(184px, 100%);
}

.logo-text {
  padding: 64px 0 0;
}

chu-ya さんの方法とは、スマホで見た時のヘッダーの高さが違います。上記の CSS であれば、ヘッダーの高さは必ず 184px 以上になります。

@akira さん
この方が、モバイルヘッダーのバランスがいいですね。
何も計算しなくても、ascpect-rarioで事足りますね笑
違う意見、良い気付き、勉強なり嬉しいです。

@chu-ya 様

できました！！

画面幅を動かしてもそのまんまの画像の大きさで、すっきり解決しました！

本当に本当にありがとうございます。

しかも丁寧な説明をつけてくださって、Cocoon初心者の私でも理解できました！

本当にありがとうございました！！

@akira 様

違うやり方のご教授ありがとうございました！

こちらも言われたとおりのやり方をしてみて、問題解決しました。

モバイルでの見え方が違うとのことなので、スマホ表示させてみつつ両方試してみようと思います。

お二方ともありがとうございました！！

同様の問い合わせがこれまで結構あったため、[Cocoon設定]→[ヘッダー]→の「ヘッダー背景画像」が設定されている時、ヘッダーのサイズを背景画像のアスペクト比率にできる「背景画像の全てを表示」機能をテスト的に追加してみました。

この機能を有効にしている時、ヘッダーサイズをAkiraさんが書かれたような状態になるようにしました。

------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

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

@yhira こちらでも機能追加の解決策ありがとうございました！また、ロゴもCSSの追記なくても大丈夫そうとのお教えもありがとうございました！

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