[ 解決済 ] スマホ表示時の左右余白を無くしたい

[篤武田]

■ WordPress のバージョン
5.9.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
14.20.3

■ Pro Unit のバージョン
0.19.0

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
テーマLightningを用いてLPを作成しております。
スマホ表示時において、画面左右に生じる余白を無くしたいです。

■ 自分で試した事
画像を全幅で配置、Outerを全幅にし背景を画像に設定

■ 症状が発生するブラウザ
Safari

■ 実際の症状
PCやタブレット表示では全幅にする必要はありませんので、スマホ表示時のみ余白を無くしたい。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

この CSS でいけると思います。

@media (max-width: 575.98px) {
.site-body-container.container {
    padding-right: 0;
    padding-left: 0;
}
}

その LP だけに反映させる必要があるので、LP の カスタム CSS に書くのがいいです。

[投稿者]

投稿