スティッキーヘッダーのbackdrop-filter

[kami]

■ WordPress のバージョン
6.5.3

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

■ テーマの種類
X-T9

■ テーマのバージョン
1.24.1

■ 期待する動作
私はX-T9のスティッキーヘッダー（is-style-scrolled-header-fixed）にbackdrop-filterのCSSを追加しています。
.header-blur{
backdrop-filter: blur(16px);
}

このCSSを追加するとモバイル時のオーバーレイメニューがうまく動作しなくなります。
この問題を解決するにはどうすればよいでしょうか？

■ 自分で試した事
headerのpositionやz-indexをいじってみましたが駄目でした。

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

■ 実際の症状
モバイル時のオーバーレイメニューがうまく動作しない。

[投稿者]

投稿