追従ヘッダー（固定表示）の設定方法
最終更新: 2026-03-15
追従ヘッダー（固定表示）の設定方法
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ヘッダー」→ 該当パターンのセクション →「ヘッダー追従切替」
> カスタマイザーで開く: パターン1の設定を開く
> このページのURL: https://lite-word.com/manual/header-sticky/
スクロールした時にヘッダーを画面上部に固定表示する機能。全パターン共通で使用可能。
設定手順
- 外観 → カスタマイズ を開く
- 「デザイン設定 - ヘッダー」 → 使用中パターンのセクションを開く
- セクション上部の 「ヘッダー追従切替」 を見つける（各パターンの最初の設定項目）
- 3つの選択肢から選ぶ
- 「公開」 で保存
設定項目
| 選択肢 | 動作 |
|---|---|
| 追従させない | ヘッダーはスクロールすると画面外に流れる |
| 追従させる | PC・スマホ両方でスクロール時にヘッダーが画面上部に固定される |
| 追従させる（PCの時はメニューのみ追従） | スマホ：ヘッダー全体が固定。PC：メニューバーだけが固定される（ロゴ・CTAは流れる） |
動作の詳細
- 追従メニューは300pxスクロールした時点で表示される
- PC / スマホの切替ブレークポイント: 1081px（1081px以上がPC扱い）
- 追従メニューはページ最上部に固定表示（z-index: 99998）
よくある質問
Q: 追従ヘッダーを設定したのに動かない
A: 設定はパターンごとに独立している。現在使用中のパターンのセクション内で「ヘッダー追従切替」を設定しているか確認。例えばパターン2を使っているのに、パターン1側で設定しても反映されない。
Q: PCではメニューだけ追従、スマホでは全体を追従させたい
A: 「追従させる（PCの時はメニューのみ追従）」を選ぶと、まさにその動作になる。
最終更新: 2026-03-15 04:30