ヘッダーを低くしたくて「外観」「カスタマイズ」「追加CSS」にコードを書きましたが、ヘッダーは低くなりませんでした。
ヘッダーの高さ変更は「追加CSS」で変わらなかった
前回は「追加CSS」でヘッダーの高さを低くできました。しかし、今回は「追加CSS」に下記のコードを書いてもヘッダーの高さは変わりませんでした。
.logo.logo-header.logo-text {
padding: 0px;
}
解決しました。
![](https://patora35.com/wp-content/uploads/2022/05/82c023da7f568b8577c7ce3c080c120d.jpg)
「コクーン設定」「ヘッダー」でヘッダーの高さを低くすることができました。(前回は、「コクーン設定」で変更できませんでした。)
![](https://patora35.com/wp-content/uploads/2022/05/5f09438b8b6ebf80b4e72d7a8998a8a4-1024x348.jpg)
「高さ」が2つあります。パソコン用(タブレット含む)とモバイル用です。それぞれの画面を見ながら高さを決めてください。次の画像は「コクーン設定」「ヘッダー」でヘッダーの高さを変更した比較です。
![ヘッダー画像高さ70px](https://patora35.com/wp-content/uploads/2022/05/b1afe8de7e1fb89376ac9a75ec9d4741.jpg)
![](https://patora35.com/wp-content/uploads/2022/05/ed83eaa69d9607263c77ab67810b1452.jpg)
まとめ
いかがでしたでしょうか?ヘッダーの高さを変えたい方は一度お試しください。
今回スキンを「SILK」に変えてみました。
コメント