スマホ版のハンバーガーメニューが反応しない。

ササラ
お世話になります。

HPを作っている真っ最中でして、ハンバーガーメニューを制作しています。

スペーサーに設定したHTMLアンカーを指定して、ページ内ジャンプを行うカスタムリンクで作っています。

PC版もスマホ版(IOS Google Chrome/Safari)も同じハンバーガーメニューの設定を使用しています。

PC版はハンバーガーメニューがうまく動作するのですが、スマホ版はリンクの文字は青くなっているにも関わらず、ページ内ジャンプができていません。

またリンクの文字が青になった後、メニューを閉じる×ボタンも消えてハンバーガーメニューを閉じることができなくなっており、大変困っています。

キャッシュクリア行ったり、テーマの更新を行ってたりしても全く解決しません。

ハンバーガーメニューは別ページに飛ばすための機能なので、ページ内ジャンプをするカスタムリンクの配置には向いていないと、他の質問の回答を拝見したのですが、その関係でうまく動作しないのでしょうか？

ハンバーガーメニューをカスタムする必要があるのであれば、スマホのハンバーガーメニューを表示しない方向にしたいのですが、表示しないように設定することはできますか？

大変困っていますので、何かご教示いただけますと幸いです。

何卒よろしくお願いいたします。
問題となるページ : https://nazoneko.jp/nazotokitabi2025/
- WP 6.7.1
- PHP 8.3.x
- JIN:R 1.4.0
- さくらのレンタルサーバ
- GoogleChrome
- Windows11
2025/07/21 22:38

tsu_

こんにちは！JIN:R運営チームのtsu_と申します。
URLのご共有ありがとうございます。

メニュー項目（リンク）をクリックしたときに、該当セクションへ飛ばしつつ開いているメニューを閉じるには、JSファイルでのカスタマイズが必要になるかと思います。

スマホでハンバーガーメニューを消す場合は、管理画面「外観」>「カスタマイズ」>「追加CSS」に以下のコードを書いてみていただけますか？

@media (max-width: 781px) {
#hamburgerMenu {
display: none;
}
}

ご確認お願いいたします！
2025/07/23 20:42
サ
サラ

ありがとうございます！

いただいたCSSでハンバーガーメニューが消えました！
2025/07/23 23:48