サポート » プラグイン » スマホでハンバーガーメニューが反応しない。

  • 解決済 parm113

    (@parm113)


    ワードプレス、HTML、CSSに関して、初心者です。

    現在、テーマTwenty Twenty-Twoを使用してHPを作成しています。

    ヘッダーのメニューにページ内のリンクを作成して、
    クリックすると指定箇所にジャンプするようにしています。

    PC上では、ヘッダーのメニューのジャンプ機能は問題なく動作します。

    問題は、スマホ上でのヘッダーのメニュー表示をハンバーガーメニューにしているのですが、
    そのハンバーガーメニューが開くのですが、いざ飛びたい項目を押しても反応がありません。
    (ジャンプしません)

    ネットで調べたところによると、プラグインが邪魔している、プラグインを無効化するという記事を多く見ました。

    そこでプラグインを全て無効化にしたのですが、問題は解決しませんでした。

    どのようにすれば、スマホのハンバーガーメニューが正常に動作するのでしょうか?

    どなたか、助けていただけると幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • @parm113 さん

    こんにちは。
    この問題は開発側でも把握されており、最新のGutenberg(≒ブロックエディタープロジェクト)では修正されています。

    以下がGitHubのissueです。
    Close overlay menu when clicking an anchor link

    上記のディスカッションを見る限り、この修正はWordPress6.1に反映されるはずですが、WordPress6.1は今年の10月25日にリリースされる予定です。

    6.1のリリースをお待ちいただくしかないのですが、Gutenbergプラグインを入れると修正されているのが分かるはずです。

    ただし、このプラグインはブロックエディター含む最新機能をテストするためのものであり、通常のサイト運用であれば入れる必要はないものですが、6.1リリースまでに一時的に有効化しておくというのもありかもしれません。

    トピック投稿者 parm113

    (@parm113)

    Aki Hamano @wildworks さん

    こんにちは。
    早い返信ありがとうございます。

    なるほど、そうだったんですね。
    では、WordPress6.1の今年の10月25日のリリースを待ちつつ、
    Gutenbergプラグインを入れる、という事ですね。

    さっそくGutenbergプラグインを入れてみましたところ、解決しました!

    スマホでのハンバーガーメニューのジャンプ機能の復活、
    +メニューの項目を押した後に、メニューウィンドウも閉じるようになりました!

    実は、メニューウィンドウが閉じないのも不便と感じ、ただそちらは諦めかけておりました!

    まさかの今抱えていた問題が全て解決ということで、大変助かりました。

    本当にありがとうございます。

    • この返信は1年、 8ヶ月前にparm113が編集しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スマホでハンバーガーメニューが反応しない。」には新たに返信することはできません。