「Lightningテーマでスクロールするとロゴが消える…」Lightningテーマでページを下にスクロールしていくとメニュー(ナビゲーション)部分が上から現れてメニューが固定されます。このサイトヘッダーロゴが表示されない場合に固定させる方法です。
![](https://eguweb.jp/wp-content/uploads/202209240052-00-1024x616.jpg)
サイトに設定したロゴ画像が表示されません…。
![](https://eguweb.jp/wp-content/uploads/202209240048-01-1024x482.jpg)
![](https://eguweb.jp/wp-content/uploads/202209240053-00.jpg)
こちらをCSSで調整する方法です。
CSSで調整する
CSSを見ると、スクロールした際のヘッダーロゴのクラスが非表示になっています。
.header_scrolled .site-header-logo{
display: none;
}
[rml_read_more]
つまり、こちらを表示させたいので、以下のコードを追加CSSで設定するだけで表示されます。
.header_scrolled .site-header-logo {
display: block;
}
表示されました!
![](https://eguweb.jp/wp-content/uploads/202209240103-00-1024x508.jpg)
まとめ
このようにして、「Lightningテーマ」でヘッダーのロゴ画像をスクロールした際も、CSSで調整することでロゴ画像を表示させることができます。
ご参考ください😃