【webサイト制作】横スクロールを消したい
牛乳寒天と申します。
今回は、原因不明の横スクロールが表示された時の対処です。
・デロペッパーツールで原因を探したけれど、おかしな所は無かった…
・けど、やっぱり見栄えが悪いので非表示にしたい
のような時にも、今回紹介する方法は使えると思います。
デロペッパーツールとは…
Google Chromeに搭載されている拡張機能です。
例えばWEBサイトのHTML構成やページの表示スピードなどを確認できます。
詳しくはこちらのサイトをご覧ください。
htmlだけではなく、WordPressでも使用できます。
htmlの場合
CSSファイルに以下のコードを記入。
body {
overflow-x: hidden;
}
WordPressの場合
カスタマイズ
→追加CSS
→コードを記入
body {
overflow-x: hidden;
}
参考サイト
デロペッパーツール ⤵︎
googleデベロッパーツールとは?使い方を紹介します
スクロールバー : ⤵︎
ラビットしま子のカスタム備忘録Exciting
よろしければ、サポートをよろしくお願いします。