できました！！！！！

開かなくなりました！！！！！

助かりました！ありがとうございました。

ツールすごい！勉強します。

@leafytree さまもありがとうございました！

やってみました。子テーマの style.css に以下を貼り付けます。

.header {
  background-size: cover;
  background-position: center;
}

.header div.header-in {
  min-height: clamp(100px, calc(6.25rem + ((1vw - 6px) * 47.619)), 500px);
}

ヘッダーの高さが、画面幅に比例し変わります。ただし、最大 500px、最低 100px です。

その高さを指定する min-height の値は、以下のツールを使いました。

https://websemantics.uk/tools/responsive-font-calculator/

いつもありがとうございます！！

カスタマイズが必要なのですね。
教えていただいたトピックを参考にやってみます！
ダメならカスタマイズを依頼しようと思います。

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

端末の画面幅によっては、画像の下の方が隠れてしまいますが、それでも良いという場合は、Cocoon設定の「ヘッダー」タブの「高さ」とモバイルの「高さ」の２つの数値を上手く設定すれば、隙間をなくすことはできるかもしれません。

この場合はカスタマイズは要らないかと思います。

自前でやる場合は以下のトピックが参考になるかもしれません。

パソコン表示のヘッダー画像の上下が切れている

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

隙間の時間に書き込んでいるので、次いつ書き込めるかわかりませんが、テストサイトは、Cocoon設定の「ヘッダー」タブの設定で、高さの数値を設定されていらっしゃるのではないでしょうか。

テストサイトでは、PC表示では、最低500pxの高さ、モバイル表示では最低100pxの高さに設定されているように見受けられます。

この「高さ」については、あくまで固定値であり、ヘッダーの背景画像のアスペクト比によって自動的には調整されません。

ヘッダー画像のアスペクトに合わせてヘッダーの高さも伸縮するようにするには、カスタマイズが必要です。

有償になりますが、以下のリンクのどなたかにご依頼になれば、サクッとやっていただけるかと思います。

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

https://wp-cocoon.com/cocoon-custom/

ヘッダー画像の下に隙間が空いてしまいます。

お客さまより下に間が空いていると・・・

数人に試してもらったところ、確かに開いてしました。

私の環境だと、100%では開いていませんが、拡大すると開いていきます。

タブレットでは開いていました。

解消することは可能でしょうか？

納品サイトのURLは貼れないので、再現したURLを貼ります。

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

----------------------------------------------
サイト名：
サイトURL：http://trendkadinim.com
ホームURL：http://trendkadinim.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.9.3
PHPバージョン：7.4.25
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:99.0) Gecko/20100101 Firefox/99.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.2.4
カテゴリ数：1
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
----------------------------------------------