[ 解決済 ] モバイルナビゲーションを設定してもメニューが適用されない
[ 解決済 ] モバイルナビゲーションを設定してもメニューが適用されない
- このトピックには12件の返信、5人の参加者があり、最後に
により4ヶ月、 3週前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.8.1■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。■ テーマの種類
Lightning Pro■ テーマのバージョン
8.23.10■ スキンの種類
Origin II■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
モバイルナビゲーションが正常に動作すること■ 自分で試した事
メニュー項目の設定し直し■ 症状が発生するブラウザ
Google Chrome最新版■ 実際の症状
モバイルナビゲーションを設定してもメニューが適用されません。該当URL : https://*********※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます
お世話になっております。Lightning Pro をご利用いただきありがとうございます。
モバイルナビゲーションを設定してもメニューが適用されません。
こちらの件ですが、モバイル表示でハンバーガーメニューボタンを押してもメニューが展開されないということでお間違いないでしょうか？
もしそうでしたら、キャッシュ系プラグインの影響が考えられます。
お使いのサイトでは「WP Super Cache」が有効になっているように見受けられますので、まずはこのプラグインを一時的に無効化し、メニューの動作が正常になるかお試しいただけますでしょうか？
ご確認のほど、よろしくお願いいたします。
弊社製品のご利用ありがとうございます。株式会社ベクトルの石川と申します。
弊社環境で再現しないため、プラグインなどの原因が考えられます。
> ■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
> 確認しました。> ■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
> 確認しました。こちらはご確認いただいたという事で間違いないでしょうか？
横から失礼します。
意外とシンプルに、この (添付画像) チェックをお忘れになっているということはないでしょうか？
以前クライアント様からご相談いただいたことがあります。お世話になります。
>こちらの件ですが、モバイル表示でハンバーガーメニューボタンを押してもメニューが展開されないということでお間違いないでしょうか？はい。そのような状態になります。
WP Super Cacheを無効化して試しましたが、開けませんでした。
お世話になっております。
子テーマ、親テーマ変更、関連しそうなプラグインを切って動作確認をしましたが、同じように開けませんでした。
よろしくお願いいたします。
お世話になります。
モバイルナビゲーションはチェックしている状態で開けない形です。
WordPress.ORG の公式サポートフォーラムに同様のトピックがいくつかありました。
参考になるかどうかわかりませんが、ご確認いただくとよいのかなと思いましたので、共有いたします。ことりさま、ご調査いただき、ありがとうございます。
hayashidera_medinolさま、以下のご確認ありがとうございます。
子テーマ、親テーマ変更、関連しそうなプラグインを切って動作確認をしましたが、同じように開けませんでした。
こちらでも確認をしてみたのですが、もしかすると「メニューを動かすための命令」が読み込まれていない状態かもしれません。
このような場合、サイトの一番下（フッター）に必要なコードが入っていないことが原因になるケースがあります。もし子テーマをご利用でしたら、テーマファイルの中に
footer.phpがあるかどうかご確認ください。
ありましたら、ファイルの末尾に次のコードが記述されているかどうか、念のためご確認いただけますでしょうか。<?php wp_footer(); ?>私も仲間に入れてください😊
Lightning の lightning.min.js というファイルに含まれるプログラムが
モバイルナビを開閉しているのですが、ご質問者のサイトでは期待通りの動作を
していないようです。ファイルは読み込まれているのですが、ボタンのクリック時にそのプログラムが
実行されていません。状況からすると、他のプラグインの影響を受けている（バッティングしている？）
可能性があると思います。関連しそうなプラグインを切って動作確認をしましたが、
「関連しそうな」を「関連なさそうだけど、もしかしたら関連するかもしれない」
に拡大して試してみると先に進めるかもしれません。すみません、自己解決いたしました。
瀬戸内ことりさんからいただいたWordPressのフォーラム
スマホ画面でのハンバーガーメニューが動かないを見まして、JavaScript周りでなにか問題が起きているのではないかと思い、Cloudflareの設定を見直しましたら、Rocket Loader™(JavaScriptを高速化する機能)を有効化しているとハンバーガーメニューが動かなくなる挙動するみたいです。当サイト、Cloudflareを使用していましたので、その辺りの設定の確認を見落としてました。
みなさんご回答ありがとうございました。大変助かりました。
- このトピックに返信するにはログインが必要です。
