[ 解決済 ] アンカーポイント設定について

[zoom]

■ WordPress のバージョン
5.8

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning Pro

■ テーマのバージョン
8.11.2

■ スキンの種類
Fort II

■ スキンのバージョン
9.1.0

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
メニューのサブメニューから別ページの指定箇所にアンカーリンクを設定し
見出し部分から表示するようにしたい

■ 自分で試した事
・h4タグ内にid設定
・レスポンシブスペーサーにid設定

■ 症状が発生するブラウザ
全てのブラウザ

■ 実際の症状
アンカーポイントへのリンクは問題ないのですが、見出し部分あｇヘッダーメニューに隠れてしまいます

■ その他特記事項

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[zoom]

説明不足ですみません
メニュー内の【車を探す】のサブメニューからのリンクです

[junon]

Lightningに限定する内容ではありませんね。

「ヘッダー固定 アンカーリンク 別ページ」などで検索すれば、対処方法が見つかると思います。

[石川＠Vektor,Inc.]

ヘッダーの固定ナビに見出しが隠れてしまうという事でしょうか？

[zoom]

junon様
ありがとうございます

石川様
はい、静的HTMLでの対処方法は理解しているのですが、wordpress上でヘッダー固定ナビの高さ分をずらす対処方法についてご教示いただければ幸いです

[対馬 俊彦]

横からすみません。

「静的HTMLでの対処方法」と同様の考え方でできます。

■ 自分で試した事
…
・レスポンシブスペーサーにid設定

レスポンシブスペーサーのタイプが margin-top になっていると期待通りの動作をしません。

height にすればできると思います。

レスポンシブスペーサーで試してうまくいかないようであれば、最初から WordPress に入っているスペーサーブロックを使ってもできます。

[zoom]

対馬様
的確なご回答をいただき、ありがとうございました
お陰様で期待通りに解決できました

[投稿者]

投稿