WORDPRESSのLPでスマホ閲覧時の横ズレ修正

依頼内容

スマホ表示時に横にズレて表示されるのを修正してほしい

原因

bootstrapを使用している状態で、head内で.rowがオーバライドしてあった。

.row {
  margin :-2em;
}

解決

下記のCSSを追記して対応した。

.row {
/* margin :-2em; */
}
.col-md-12.mainarea {
margin: 0;
padding: 0;
}

.home .detail.page .container .row{
margin-right: unset;
margin-left: unset;
}

コード量では「これだけか」というような行数ですが、LPがスマホ閲覧時に横にカクカクする、という問題を解決しています。このようなお仕事も承っております。

お気軽にお問い合わせください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です