FROM CACHE - jp_header

テーマ:impulseにて、スクロール時にヘッダーが現れない

daichi0315
訪問者
2 0 0

サンプルページなどを見てみると、スクロール時にヘッダーの背景色が変わり固定される表示がされているのですが、そちらが表示されません。

いつから表示されなくなったのかもわからないのですが、スクロール時のヘッダーの挙動を操作する箇所があるのでしょうか?

3件の返信3

Qcoltd
Shopify Partner
1024 416 393

@daichi0315

 

スクロール時にヘッダーが表示されない件ですが、Impulseのバージョン7.4.0で確認したところ、
ご質問にあるように管理画面に設定箇所があるようです。

バージョンが異なる場合は、下記の箇所にない場合もありますのでご了承ください。

 

設定箇所確認方法

  1. 管理画面 > オンラインストア > カスタマイズをクリック
  2. 左メニュー内のHeaderをクリック
    20231222_img01.png
  3. Header styleを『Sticky』に選択し保存するボタンをクリック
    ※『Normal』が選択されている場合は、スクロールしてもヘッダーは表示されません。
    20231222_img02.png

以上で、通常はスクロールした際でもヘッダーが表示されます。

 

『Sticky』が選択されているが、スクロールしても表示されない場合は、
追加されたCSSなどとバッディングして表示されないなどの可能性がございます。

 

ご参考まで
(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
daichi0315
訪問者
2 0 0

小坂様

 

ありがとうございます。

こちらの設定はすでに反映しており、それでもなおスクロール時にヘッダーが現れない、という状況です。

カスタムCSSに関しては関係のない箇所のものしか記載しておらず、念の為そちらを削除しても変わらないです。

 

何か解決策があるといいのですが。。

当方知識不足で何を提示すればいいかもわからず、すみません。

解決策を講じるにあたり必要な情報があればご教示ください。

Qcoltd
Shopify Partner
1024 416 393

@daichi0315

 

すでに設定されているが、スクロールして表示されないとのことですが、

現状ですと、状況が見えませんので、対象のサイトを拝見させていただけましたら、もう少し状況がわかるかもしれません。

 

(キュー小坂)

 

 

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/