kuma17
1
・使用テーマ: Prestige
・テーマのVer.:4.13.0
Prestigeをカスタマイズしたサイトで、PCでの表示のみヘッダー全体ではなくグローバルナビだけを固定にすることは可能でしょうか。
例えば、下記のデモサイトではヘッダー全体ではなく、
のみをstickyにすることはできますでしょうか。
可能な場合、コードの書き方をご教示いただければ幸いです。
▼Prestige デモサイト
https://themes.shopify.com/themes/prestige/styles/couture/preview
よろしくお願いいたします。
Qcoltd
2
有料のテーマであるため、
コード編集すべき具体的なファイル名やコード修正内容をお伝えするのが難しいので、
考え方だけお伝えいたします。
ヘッダーの構造は下記のようになっています。(下記のコード自体もだいぶ簡略化しています。)
質問者様のご要望ですと、
をstickyにされたい、とのことですが、
は、
の中にあり、
この要素の中にある限りページ全体に対してstickyさせることはできませんので、
下記のような構造の変更が必要かと思います。
この状態にして、
をstickyではなくし、
をstickyにすれば、
ご希望の挙動を示すかと思います。
しかし、
この構造変更によって、
メニューに元々備わっているJavaScriptやCSSによる演出や処理がうまく機能しなくなる可能性がありますので、その調整を行う必要があるかもしれません。
場合によってはかなり大掛かりなコード変更になるかもしれません。
プライベートメッセージなどでやりとりさせていただいて、
コラボレーターアクセスをいただければ、
もう少し具体的な修正内容をお伝えできるかもしれませんが、
無料で協力できる範囲を超えているかもしれません。
ご自身でコード編集を行うのが難しい場合は、
相談できる制作会社を探されるのが良いかもしれません。
ご参考まで。
(キュー田辺)
1 Like
kuma17
3
株式会社Q 田辺様 @Qcoltd
ご丁寧にご教示いただき、誠にありがとうございます。
やはりメニューだけをstickyにするには、コードをかなり変更しないと無理そうですね…。
クライアントと相談し、この動きはあきらめることにいたしました。
ご回答ありがとうございました。