[ 解決済 ] スマホの左右の余白が広すぎるので調整したい
[ 解決済 ] スマホの左右の余白が広すぎるので調整したい
- このトピックには2件の返信、2人の参加者があり、最後に
により1日、 3時間前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
■ WordPress のバージョン
7.1.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
X-T9■ テーマのバージョン
1.42.3■ 期待する動作
スマホの左右の余白が広すぎるので調整したい■ 自分で試した事
追加CSSを下記のように入力しました。@media (max-width: 991.98px) { .site-body-container.container { padding-right: 0px !important; padding-left: 0px !important; } } { body { font-family: sans-serif; font-size: 22px; font-weight: 500; } }
■ 症状が発生するブラウザ
ios27.0.1■ 実際の症状
上記のような追加CSSを入力しても何も変わりませんでした。以下の CSS を書けば余白が小さくなります。
:root { --wp--custom--width--content: min( var(--wp--style--global--content-size), 95vw ); }上の CSS の 95vw の部分を 100vw にすれば余白がゼロになります。
X-T9 の初期設定は 90vw です。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- このトピックに返信するにはログインが必要です。
