【楽天】ページのデザインがずれました

Question

htmlがよくわかっていないので教えてください。
商品ページに写真を増やそうといろいろ触っていましたら
レフトナビと商品ページが左に寄ってしまいました。
どこを触ってこうなったのかが分かりません。

トップページは寄っていません。下層のページが寄っています。

＊トップページ↓↓
https://www.rakuten.co.jp/dodicitile/

＊下層ページ↓↓
https://item.rakuten.co.jp/dodicitile/ms-7-a/

画像を追加しようと触っていたページはこちらです↓↓
https://item.rakuten.co.jp/dodicitile/ms-5-b/

上記ページだけではなく、下層の全てのページが左に寄っています。

どこを見ればいいでしょうか。アドバイスよろしくお願いします。

Answer

ECマスターズの田中です。

いただいたページを確認したところ、
naocoさんによる操作というよりは、
楽天市場の仕組みとして左寄りになっているようです。

楽天市場のページは、
tableタグの入れ子によってできており、
その中の要素の横幅が想定以上に拡がることにより、
ページ全体の横幅が拡がり、全体に対して配置が変わります。

いただいた商品ページでは、横に並んだ
「商品をかごに追加」「ご購入手続きへ」ボタンが
想定された横幅を超えていることが原因で
左寄りになっておりますので、
ボタンとボタンの間に改行を入れるのはいかがでしょうか。

具体的な方法ですが、下記styleタグを
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）の
任意の場所にご記載いただきますようお願いします。


/* 買い物かごボタンを折り返す */
body .cart-button-container, .floatingCartSplitButtons {
    display: block !important;
}