はじめに
今回は、スマホでWordPressのサイトを見たときに右側に謎の余白が出た時の対処法について解説します。
症状
右側に謎の余白ができてしまっている。
対処法
#container {
overflow: hidden;
}WordPressのstyleシートに上記のCSSを追加する。
自分のブログはCocoonを使っているので、Cocoon ChildのStyle.cssファイルに記述した。
対処後
右側の余白がなくなった！
まとめ
- スタイルシートにoverflow: hidden;を追加
- 使っているテーマなどによってスタイルシートは変化するので注意
最後に
記事のSNSシェア、共有などよろしくお願いします。
他にも記事を書いているので、ぜひご覧ください！
【wordpress】function.phpの編集の仕方【...
wordpressでfunction.phpの編集の仕方がわからない方...
www.chickensblog.com
2021.05.24
【Cocoon】リンクをデフォルトで「新しいタブで開く」設定...
初めに今回は、Cocoonでリンク（URL）をデフォルトで「新しく開く...
www.chickensblog.com
2022.02.01
【wordpress】勝手に追加されてしまうpタグの消し方
wordpressで自動挿入されるpタグの消し方について解説しています...
www.chickensblog.com
2021.05.24
Google Colabを使ってYOLOv5が動く環境を作る...
はじめに今回は、Google ColabでYOLOv5の開発環境を構築...
www.chickensblog.com
2022.05.12
参考にさせていただいたサイト
【Simplicity】スマホで謎の余白が右側に出た際の対処...
Simplicityのスマホ表示の際に出現した「謎の余白」。その対処方...
o3-web.com
コメント