Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
SWELLのLPページのスマホ表示にお...
 
通知
すべてクリア

SWELLのLPページのスマホ表示における左右余白の改善について

1 投稿
1 ユーザー
0 Likes
221 表示
Inmark1419
(@inmark1419)
投稿: 1
メンバー
Topic starter
 

お世話になっております。

初めてSWELLのLPでページを作成しましたが、スマホで閲覧した際に左右の余白が気になります。
追加CSSを使って余白を消そうと試みたのですが、若干の余白が残っており、完全に改善することができませんでした。

以下が試したコードです。
------------------
@media screen and (max-width: 768px) {
/* lp-content クラスの調整 */
.lp-content {
box-sizing: border-box !important;
margin: 0 auto !important;
padding: 0 !important;
width: 100% !important;
}

/* wp-block-image クラスの調整 */
.wp-block-image, .wp-block-image img {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
display: block !important;
}

/* body全体の余白削除 */
body {
margin: 0 !important;
padding: 0 !important;
width: 100vw !important;
overflow-x: hidden !important;
}
}
------------------
このコードを使用しても、左右の余白が完全には解消されませんでした。
もし、改善できるコードをご存じの方がいらっしゃいましたら、ご教示いただけると幸いです。

何卒よろしくお願い申し上げます。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
バージョン: 2.12.0
利用中のPHPバージョン
8.3.11
OS
Windows
利用中のWordPressバージョン
6.6.2
利用中のサーバー会社
Lolipop
利用中のプラグイン一覧

Blocks Animation: CSS Animations for Gutenberg Blocks
FileBird Lite
LiteSpeed Cache
PublishPress Revisions
SEO SIMPLE PACK
Site Kit by Google
SiteGuard WP Plugin
WP Multibyte Patch

 
投稿済 : 13/09/2024 5:39 pm
共有: