- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
お世話になっております。
初めて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;
}
}
------------------
このコードを使用しても、左右の余白が完全には解消されませんでした。
もし、改善できるコードをご存じの方がいらっしゃいましたら、ご教示いただけると幸いです。
何卒よろしくお願い申し上げます。
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