ヘッダーの常時固定で検索窓が機能しなくなる

Topic summary

問題の発生:

ShopifyテーマDawn 15.2で、ヘッダーを常時固定するためにbase.css内のtransform:translateY(-100)をコメントアウトしたところ、ヘッダーは固定されたものの、スクロール時に検索窓が機能しなくなった。カートやログインボタンは正常に動作していた。

解決策:

ROUTE06_babaが、コードを編集せずにテーマカスタマイズの設定画面からヘッダー固定が可能であることを指摘(スクリーンショット付き)。

結果:

質問者は設定画面からの固定方法で問題を解決し、検索窓の不具合も解消された。

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

テーマ:DAWN 15.2

ヘッダーを常時固定したいと考え、base.css内にある「shopify-section-header-hidden」内にある、transform:translateY(-100)をコメントアウトして無効化しました。

ヘッダーは無事常時固定されるようになりましたが、ヘッダーにある検索窓が、スクロールした状態だと

機能していないことに気づきました。

ヘッダーのほかの要素であるカートやログイン画面へ行くボタンは機能しています。

検索窓だけスクロールの途中だと反応しなくなる原因がわからず、どなたかお分かりの方がいましたら

ご教示いただきたいです。

1 Like

Dawn 15.2.0 であれば、コードを編集せずとも、テーマカスタマイズで設定を変えることで、ヘッダー固定できないでしょうか?

ご要望の挙動と違うようであれば、コメントいただけますと幸いです。

1 Like

確認が遅れてしまい申し訳ありませんでした。

ご指摘いただいた通り、コードを操作しなくても画面上で固定することができました…!

ずっと困っていたのでとても助かりました、ありがとうございます。