こんにちは、webエンジニア歴4年のtakaです。
今回の記事では、どこでついているのかわからない
html {
margin-top: 32px !important;
}こやつを削除する方法を伝えていきます。
そもそも原因は？
これはwordpressのサイトで発生します。
自分がwordpressの管理画面にログインしている状態で、サイトに訪れると画像のようにヘッダーのさらに上側にツールバーが表示されます。
そのツールバー分の大きさが32pxあり、margin-top: 32px !important;が設定されているのです。
htmlタグのmargin-top: 32px !important;を削除の仕方
ツールバーを削除するとOKです。
ツールバーの削除の仕方は、
1 . 管理画面にログインする
2 . サイドバーの「ユーザー」をクリックする
3 . 自分のユーザーをクリックする
4 . ツールバーのチェックを外す
これでmargin-top: 32px !important;が削除されました。