ワードプレスのハンバーガーメニューでページ内リンクをクリックしても画面が推移しない現象について

Question

現在、ワードプレスのアフィンガーのテーマでホームページを作成しています。
ページ内リンクがハンバーガーメニューの時だけリンク先に飛びません。
ＰＣ画面の時はリンク先まで飛びます。他ページへのリンクも飛びます。
同じメニューをフッターでも使用しておりますが、フッターではＰＣ画面、スマホ、両方リンク先へ飛びます。
javascriptは1度消し、cssがない状態（現在子テーマ使用、親テーマ
に変えてみてもやはり推移しない）でも画面が推移しません。
考えられる原因は何かありますでしょうか。わかる方がいらっしゃったら教えて下さい
。

Answer 1

公式のサンプルページを見てきましたが、ハンバーガーメニューが開いている時はbodyがposition: fixedとなっているので、スクロール無効のようです。

解決方法は、スクリプトを書いて、ページ内リンクをクリックした時にハンバーガーメニューを閉じるようにするしかないと思います。

Comments

[satomisan]

まさかの公式なんですね。わざわざ見にいって頂きありがとうございました。

[Lhankor_Mhy]

お役に立てたようで何よりです。

別の方法として、CSSを書き換えて、ハンバーガーメニューを開いていてもスクロール無効にしない、というやり方もアリかと、後から思いました。