モバイル画面時でスクロール時もヘッダーを表示させておきたい

[gundam]

■ WordPress のバージョン
6.8.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 )

■ テーマのバージョン
15.29.4

■ スキンの種類
Origin III

■ 期待する動作
デフォルトではモバイル画面の時スクロールをするとヘッダーが消えて(display：noneがかかっている？)、ハンバーガーメニューのみが追従する仕様になっているかと思います。
それをヘッダーも常に追従させてロゴが常に見えている状態にしたいです。

■ 自分で試した事
ｃｓｓで#site-headerや.site-header-containerや.site-header-logoなどに、モバイル画面の時はposition：fixedの指示が走るように子テーマのstyle.cssに記述したのですが、固定されず。カスタマイズの追加CSSへの記述も試しました。
試したことの一例をあげるとこんな感じで記述しています。
@media (max-width: 991px) {
.site-header-container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
background: #fff;
}

body {
padding-top: 60px;
}
}

■ 症状が発生するブラウザ
safari chrome

■ 実際の症状
固定されず、スクロールすると消えてしまう。またはロゴだけが追従したりする。

[瀬戸内ことり]

既出のこちらのトピックが参考になるのではないでしょうか。

https://vws.vektor-inc.co.jp/forums/topic/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%EF%BC%88%E3%82%B9%E3%83%9E%E3%83%9B%EF%BC%89%E3%81%A7lightning%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%82%92%E5%9B%BA%E5%AE%9A%E3%81%97%E3%81%9F%E3%81%84

[瀬戸内ことり]

こちらにもありました。
https://vws.vektor-inc.co.jp/forums/topic/mobile-header-logo-fix

[投稿者]

投稿