質問: pcトップページと商品ページにバナーの位置ずれ お世話になります。スーパーセール期間ですので、ご回答急いでおります。宜しくお願い致します。楽天pcトップページではバナーの位置崩れが見あ当たらないのですが、商品ページだとレフトやフッダーが少し左に移動してしまっております。同じヘッダーフッダーレフトのテンプレートを使用しております。修正箇所が特定できない状況です。ご教授頂ければ幸いです。
回答: ecマスターズの田中です。> 御社では表示されているのでしょうか??私では確認できるように見えます。弊社にて実際に閲覧できるurl、および見えている様子を「投稿内容について報告する」よりお送りしますので、同じ見た目になっているかどうか、ご確認をお願いいたします。(届いていない場合はお知らせください)> css修正致しましたがあっておりますでしょうか?問題なく修正されておりました。ご対応ありがとうございます。追記していただいた規則についてご説明いたします。= この下の行から ====================body .cart-button-container,body div#rakutenlimitedid_aroundcart .ritemunits { display: block !important;}= この上の行まで ====================横に並んだ「商品をかごに追加」「ご購入手続きへ」ボタンの横幅がデザイン上想定された横幅を超えており、レイアウト崩れの原因となることがわかりましたので、同規則によって、縦並びになるように変更しております。各ボタンの表示をご確認の上、横並びに戻される場合は、全体のデザインとしての横幅を見直していただきますようお願いします。= この下の行から ====================/* 商品画像幅 緊急対応 */.rakutenlimitedid_imagemain1-3 img { max-width: 200px;}= この上の行まで ====================商品画像のサムネイルのサイズが、「高さを200pxに揃える」という設定になっているため、横長の商品画像が設定されていると、横幅が長くなってしまい、その分ページ全体の横幅を押し広げてしまいます。上記規則をそのままご利用いただくか、https://navi-manual.faq.rakuten.net/design/000009474rmsの「商品画像サイズの設定」にて、「幅」にご変更いただく、サイズの値を小さくする、などの対応を行っていただいた上で、上記規則を削除していただきますようお願いします。