今、出先なので、よく見れませんが、以下のリンクは、参考になりますでしょうか？

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

前略、Begiblo さん

Cocoonのヘッダーのデザインは、このCocoonのサイトのように「背景画像」と「ロゴ画像」の2枚の画像を使う仕様になっています。

本来は２枚の画像を使う仕様なのですが、1枚だけでデザインしたい場合もあろうかと思います。

ですので、画像を1枚だけを使ってヘッダーに画像を隙間なく表示する方法を書いてみます。

方法は２通りです。（探せば他にあるかもしれませんが・・）

① 現在、ヘッダー画像は「背景画像」の方に設定されていらっしゃるようなので、そのまま以下のCSSのコードを追加CSSか、子テーマのCSSにコピペすれば、画像全体がほぼピッタリ表示されるようになる気がします。（このCSSのコードは、ヘッダー画像を背景画像に設定した場合のコードです。

#header {
   height: 25.7vw;
}

2.75vw についての計算式は、

背景画像の高さ÷（背景画像の幅 + 17）＝「 X」

「X 」× 100＝「Y 」vw

という感じです。

ただ、「背景画像」なので、クリックしても、リンクにはなっていないのでトップヘージへのリンクの役割は担えません。

━━━━━━━━━☆

② ヘッダー画像をクリックすると、トップページに変遷するようにするには、Cocoon設定の「ヘッダー」タブの設定で、ヘッダー画像を「背景画像」ではなく、「ロゴ画像」の方に設定します。

ロゴ画像をヘッダーに隙間なく表示するには、以下のCSSのコードを追加CSSか、子テーマのCSSにコピペすれば良いような気がします。

/*ヘッダーロゴ画像を画面幅いっぱいに広げ、上下の隙間も無くす*/
.header-in {/*ロゴ画像を画面幅いっぱいに広げる*/
   width: 100%;
}

.logo-image{/*画像上のCocoonデフォルトの10pxのpaddingを無くす*/
   padding: 0;
}

.logo-image a {/*ブロック要素にして横幅いっぱいに広がるようにする*/
   display: block;
}

.site-name-text {/*ロゴ画像を画面幅いっぱいに広げる*/
   width: 100%;
}

.site-logo-image.header-site-logo-image {/*画像下の隙間を無くす*/
   width: 100%;
   vertical-align: middle;
}

.tagline {/*サイトのキャッチフレーズの非表示（cocoon設定のヘッダータブの設定でもできる）*/
   display: none;
}

ロゴ画像をヘッダーに隙間なく表示させるには、Cocoon設定の「ヘッダー」タブの設定で、高さの数値を消しておいてください。（数値が入っていると隙間が空いてしまう場合があります）

ヘッダー画像を「ロゴ画像」の方に設定した場合は、画像の高さでヘッダーの高さも自動的に変わります。

ヘッダー画像設定イメージ

ヘッダー画像に「背景画像」を使った場合でも、CSSのコードを使わなくても、Cocoon設定の「ヘッダー」タブの設定で「高さ」と「高さ（モバイル）」の２箇所に「背景画像」に合った数値を入れれば、ある程度、体裁を整えることが可能かと思います。

でも、どの画面幅でも、ヘッダー画像の一部が隠れないようにするには、今のところ、上記のような方法になってしまうのかなと思います。

Cocoonのサイトのように2枚の画像を使ってデザインするって、どんな感じなの？と言う場合は、Ikumi さんの記事が参考になりそうな気がします。

[Cocoon] ヘッダー画像サイズと選ぶポイント

[Cocoon] オシャレロゴ画像のサンプル祭り（8種のサイズ）

ありがとうございます

早速確認しましたが空白でした

1ヶ月前から突然症状が出始めました

おかげで原因がわかりました

間違えて背景にヘッダー画像を設定していました

大変失礼しました

直って良かった〜

Begiblo さんの場合は、もともと、画像がヘッダー全体にピッタリ収まっていなくても良かったんですね。

でも、まあ、ピッタリ収めたいという方が、トピックを検索して、このトピックに来るかもしれないので、まあ、いいか・・