スティッキーヘッダーは、訪問者がページを下にスクロールしても画面の上部に固定されたまま表示されます。これにより、ナビゲーションメニューが常に表示された状態になり、ユーザーはページの上部までスクロールし直さなくても、サイト内をスムーズに移動できるようになります。
ステップ1：ヘッダーセクションを追加する
SeedProdビルダーで、編集したいページまたはテンプレートを開きます。ヘッダー要素（ロゴ、ナビゲーションメニュー、その他のヘッダーコンテンツなど）を配置するセクションを追加します。
ステップ 2: セクション設定を開く
セクションの紫色のツールバーにある歯車アイコンをクリックして、設定パネルを開きます。または、「レイアウトナビゲーション」パネルを開き、そこからヘッダーセクションをクリックします。
ステップ3：ポジションパネルを開く
セクションの設定で、「詳細」タブをクリックし、「位置」パネルを展開します。
ステップ4：固定位置の設定
「配置」ドロップダウンから「固定」を選択します。次に、ヘッダーが他のすべてのページ要素よりも上に固定されるように、以下の値を設定します：
- 上部オフセット： 設定する
0ヘッダーがビューポートの上端にぴったりと重なるようにします。 - Zインデックス： 次のような大きな値に設定します
9999ヘッダーがページ上の他のすべての要素よりも上に表示されるようにするため。
ステップ5：保存してプレビュー
「保存」をクリックして変更を適用し、ページをプレビューしてください。画面を上下にスクロールして、ヘッダーが画面の上部に固定されたままであることを確認してください。
スティッキーヘッダーが有効になりました。サイト内のどのページをスクロールしても、コンテンツの長さに関わらず、訪問者は常にナビゲーションにアクセスできるようになります。