スポンサーリンク

【WordPress】スマホで余白が右側にできた時の対処法【簡単】

当サイトではアフィリエイト広告を利用して商品を紹介しています。

WordPress

はじめに

今回は、スマホでWordPressのサイトを見たときに右側に謎の余白が出た時の対処法について解説します。

症状

右側に謎の余白ができてしまっている。

対処法

#container {
    overflow: hidden;
}

WordPressのstyleシートに上記のCSSを追加する。

自分のブログはCocoonを使っているので、Cocoon ChildのStyle.cssファイルに記述した。

使っているテーマなどによって変わってくると思うので、自分の環境にあったスタイルシートに記述してください。

対処後

右側の余白がなくなった!

まとめ

  • スタイルシートにoverflow: hidden;を追加
  • 使っているテーマなどによってスタイルシートは変化するので注意

最後に

記事のSNSシェア、共有などよろしくお願いします。

他にも記事を書いているので、ぜひご覧ください!

【wordpress】function.phpの編集の仕方【...
wordpressでfunction.phpの編集の仕方がわからない方...
【Cocoon】リンクをデフォルトで「新しいタブで開く」設定...
初めに今回は、Cocoonでリンク(URL)をデフォルトで「新しく開く...
【wordpress】勝手に追加されてしまうpタグの消し方
wordpressで自動挿入されるpタグの消し方について解説しています...
Google Colabを使ってYOLOv5が動く環境を作る...
はじめに今回は、Google ColabでYOLOv5の開発環境を構築...

参考にさせていただいたサイト

【Simplicity】スマホで謎の余白が右側に出た際の対処...
Simplicityのスマホ表示の際に出現した「謎の余白」。その対処方...

コメント

タイトルとURLをコピーしました