スマホ表示でヘッダー画像下に余白

画像サイズはいくつで、カスタマイザーから入れられてるんでしょうか？
ヘッダーの高さ450pxは自身で入れられた数値ですか？

サイト見せてもらうほうが速いですが、ひとまず上記情報を。

> ヘッダー画像の下に大きな余白が出来てしまうんです
ヘッダーとナビの間ですよね？

Hidekichi様

ありがとうございます。
サイトURLは下記です。
http://パパカメラ.com/

ナビについてはカスタマイズして、ページ上部に配置しています。
ですので、ヘッダー画像と、固定ページh1見出しの間に余白ができています。
PCでは問題なく表示されるのですが、スマホでは大きな余白が出来てしまうんです。
よろしくお願い致します。

Hidekichi様

すみません、質問に対して回答していなかったです。
画像サイズは5120×1194です。
大きすぎるんでしょうか？

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

#h-top {
    min-height: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
/*以下追記*/
    height: 0;
    padding: 0 0 23.3203125%;
    min-height: unset !important;
    background-position: center center;
    background-size: cover;
}

でどうでしょう？

違った、幅いっぱいでしたね

#header {
    background-image: url("http://xn--lckyda9dwb.com/wp-content/uploads/2016/02/header3.jpg");
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
/*追記*/
    height: 0;
    padding: 0 0 23.3203125%;
    background-position: center center;
    background-size: cover;
}
#h-top {
    min-height: unset !important;
}

で、幅いっぱい以外の背景画像は取る(カスタマイザー)。つまり#h-topに設定はいりません。何かしらあれば入れておいても良いですが、背景画像に関しては上記だけでいけるかと。

.article h1 {
  margin-top: 0;
}

余白が気になるならこれもでしょうか。

更にスマホでもう少し画像を大きくしたいと言う場合は、

@media screen and (max-width: 440px){
  #header {
     padding: 0 0 任意の%(56.25%で16:9);
     background-position: left center;
  }
}

とか。これは試してませんがまぁイケるのではないでしょうか

Hidekichi様
早速ご親切に教えて頂きありがとうございました。
おかげ様で解決できました。

わいひら様
機能追加頂けるとのことで嬉しいです。
いつもsimplicityを使わせてもらっています。
素晴らしいテーマだと思います。ありがとうございます。

これ、ie、edgeを切ればobject-fitで全部解決なんですけどねぇ。imgタグ利用の場合に限るですけれども。
背景はbackground-size: coverが強力ですが、リストトップのサムネイルとかね。

サンプル:object-fitを利用したリスト表示

こんな感じに、好きなサイズでimgが間延びしないわけですよ。background-size: coverのimg版という感じですが。ieとedgeのせいでこういう便利なのが使えないのは本当に面倒臭いですね。いっそマイクロソフトはブラウザ作るなと言いたいぐらいです(笑)
作るんだったら、firefox、chrome程度まではcssを実装してからリリースして欲しい感じです。リリースしてもバグがあったら同じですが(笑)

わいひら様、Hidekichi様

お世話になっております。
再びsimplicityについて教えて下さい。

ウィジェットのインデックスリストボトムに、
jetpackの画像を設定して表示させると、
スマホで見た時に縦横比が変わったような画像が表示されてしまいます。

同じ画像を、ウィジェットの投稿本文下にも設定していますが、こちらは正常に表示されています。
固定ページ本文下でも試してみましたが、こちらも正常に表示されていました。

インデックスリストボトムにも正常に表示させる事は出来ますでしょうか。

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

わいひら様

承知いたしました。
改めて書き込みますのでよろしくお願い致します。