トップページのタグについて

Question

お世話になっております。

スマホトップページのヘッダータグを変更したら、ヘッダーのバナーが少し右に片寄っています。
元のバナーが旧ショップ名だったので画像を入れ替えました。
同じサイズで作ったつもりでしたが、両端が隙間が出来たので画像サイズを横長に広くしてアップしたら、隙間はなくなりましたが片寄りました。
これはどうすれば良いでしょうか？
もしかしたら画像の左右の配分がおかしいでしょうか？
現在のタグはお問い合わせへ別途送信しております。

※この投稿後、少しタグを修正しました。
ただ、ヘッダーについては触っていないので影響はないと思います。

Accepted Answer

お世話になります。

betaさんのスマホトップページ、ヘッダーのバナーは
スタイルシートにて
width: auto; height: 65px;
つまり、縦横比を変えずに、高さが65pxになるように
縮小表示される設定となっております。

画像ファイルは横幅1000px・高さ156pxで作成されているのですが、
一般的なiPhone 6〜8向けの、横幅375pxの場合
375 × (156 ÷ 60) = 900pxを超える画像、
つまり今回の場合は画像の右側100px（全体の1/10）が
画面の右側にはみ出してしまい、片寄りの原因となっております。

画像の背景が灰色一色でしたら、
バナーの部分（スタイルシート向けの書き方ですと、#shop_logo もしくは #shop_logo a）の
背景を同じ色（#dcd5dc）にご設定いただき、
画像ファイルから左右の余白部分を削除していただくことで、
中央揃えにすることができます。

背景色の設定方法がわからない場合は、
トップページの編集に使われているソフトもしくはサービスの
名称を添えて、ご返信いただきますようお願いします。

Answer

ご回答ありがとうございます。

とても細かい説明までありがとうございました！

解決致しました。