スマホのサイトが崩れてしまっています。

Question

https://item.rakuten.co.jp/aconcagua/day1/?force-site=ipn
PC　で見たときに崩れてしまっていて　一時的かと思っていたのですが、スマホサイトはどのページも崩れています。
アプリは大丈夫なようです。
どうしたら治りますでしょうか?

Answer

ECマスターズの伊藤です。

> スマホサイトはどのページも崩れています。

ヘッダーの内容が記載されている
の高さが500pxほどあるのに対し

sphead.cssに記述されている

#shopName{
    height: 150px;
}

のheightが、150pxとなっているため
重なってしまっている状態となっています。

height: 150px;
を

の高さと揃えていただきますよう、お願いいたします。

Answer

#shopName{
height: 150px;
}

の150を500に変えるということですか?

すみません。それはどこに書いてある記述ですか?

Answer

ECマスターズの伊藤です。

> #shopName{
> height: 150px;
> }
> 
> の150を500に変えるということですか?

ご認識いただいいている通りで、間違いございません。
もし、500にしていただいても、重なるようでしたら、
500以上の数字に修正していただきますようお願いいたします。


>  すみません。それはどこに書いてある記述ですか?

sphead.cssに記載されております。

sphead.cssは、楽天GOLDのhiramotokaiフォルダに
アップロード頂いております。

Answer

わかりました。ありがとうございます。自分で商品ページ共通説明文に入れたのでした。
すっきり取り除いてしまいました。

Answer

ECマスターズの伊藤です。

修正するファイルの場所をご確認いただけたようでよかったです。

また、ご不明な点がございましたら、ご相談くださいませ。