スマホ商品ページがグラグラ動く

Question

いつもお世話になっております。
いつの日か何かの設定をした時からスマホの商品ページがグラグラ動くようになり、ちょこちょこスクロールが効かなくなります。
もうすぐスーパーセールなので直したいのですが、何処が原因か分かりません。
今色々いじるのも怖いので原因となっている個所がどこか、またどこを直せばよいのか教えていただけますでしょうか。
宜しくお願いいたします。

Answer

ECマスターズの田中です。

ショップロゴの下にあるイーグルスバナーに対して、
「position:absolute;」と「width:100%;」を同時に指定したため、
横幅の計算方法の違いにより、ページ全体の幅よりはみ出してしまったことが
原因です。

sp-itemsamne-ue.css の1行目、
「#timesale a」の規則に含まれる
width: 100%; を width: calc( 100% - 16px ); に変更することで、
共通説明文の左右余白8pxに合った横幅に変更することができ、
ページ全体の幅を超えたことによるグラグラも解消されます。

Answer

解決しました！ありがとうございました！