スマホの時の背景画像の表示について

わいひらさんへ

桃音です。

上記のやり方だけでは変わらず、カスタマイズ画面のモバイル時ヘッダー背景色をfalseい設定したら、変えることが出来ました。

エラーになっていないようですので、これで大丈夫そうです。

テーマ変更が素晴らしく速いですね！！

私はまだテーマ変えたばかりですので、バージョンアップした時にまたカスタマイズしなければいけないかと思うと、結構骨の折れる感じですね（涙）。

もしこれでしばらく変更しない！！って宣言が出た時に、最新バージョンにアップしたいと思います。

そんな時はぜひ教えてくださいね。

以上教えていただきまして、ありがとうございました。

はじめまして。いきなり不躾なお願いをお許し下さい。

mobile.cssの末尾に

#h-top {
background-image: url(“背景画像のURL”) !important;
}

を追加して、mobile.cssの上の方にある

#h-top{
background-image:none !important;
background-color:#e7e7e7;
}

の「background-color:#e7e7e7;」をコメントアウトすると一応画像は表示されますが、サイズがおかしいままです。

「#h-top img」というセレクタで「width: 100%;」に無理矢理設定しても変化はありません。

iOS版SafariでHTMLソースファイルを見ると、#h-topの中にimgタグが見当たりません。

どのように表示されているのでしょう？

また、モバイルでのヘッダー画像表示というのはリクエストはないのでしょうか？
私はテーマを作成するとき必ず実装するのですが。

ぜひ実装をお願いします。または対処方法を公開していただくだけでも結構です。
STINGERより洗練されていると思うので、期待しています。
よろしくお願いいたします。

失礼しました。

「#h-top」セレクタに「background-size: cover;」を追加すると解決しました。