- 文字サイズ変更
- 小
- 中
- 大
解決済
スマホに切り替えた時のヘッダーメニューが開かない
- 相談者：非公開
- 2020/11/27 16:57
いつもお世話になっております。
ヘッダーメニューで、スマホにしたときメニューを
ハンバーガーメニューで開くようにしていたのですが、
動作確認をした際、ボタンを押しても開きません…。
header_gnavの何かが悪い気がするのですが、displayなどを
いじってみても、メニューがずっと閉じたままか開かれたままです。
解決策ありましたらご教示の程よろしくお願いします。
ヘッダーメニューで、スマホにしたときメニューを
ハンバーガーメニューで開くようにしていたのですが、
動作確認をした際、ボタンを押しても開きません…。
header_gnavの何かが悪い気がするのですが、displayなどを
いじってみても、メニューがずっと閉じたままか開かれたままです。
解決策ありましたらご教示の程よろしくお願いします。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2020/11/27 17:32
ECマスターズの伊藤です。
> header_gnavの何かが悪い気がするのですが、displayなどを
> いじってみても、メニューがずっと閉じたまま………（省略）………
> header_gnavの何かが悪い気がするのですが、displayなどを
> いじってみても、メニューがずっと閉じたまま………（省略）………
- 返信者：非公開
- 2020/12/01 14:52
ECマスターズの伊藤です。
テストページのURLのご連絡ありがとうございました。
こちらのメニューですが、参考にされたサイトをご教示いただけますでし………（省略）………
テストページのURLのご連絡ありがとうございました。
こちらのメニューですが、参考にされたサイトをご教示いただけますでし………（省略）………
- 返信者：非公開
- 2020/12/01 16:12
ECマスターズの伊藤です。
参考サイトのご連絡ありがとうございました。
確認したところ、参考サイトでは、
JavaScriptを使用して、id="………（省略）………
参考サイトのご連絡ありがとうございました。
確認したところ、参考サイトでは、
JavaScriptを使用して、id="………（省略）………
- 返信者：非公開（質問者）
- 2020/12/01 18:28
ご回答ありがとうございます。
JavaScriptを追記してみたところ、ボタンの方は動かすことが
できたのですが、メニューの中身が開かれません。
要素………（省略）………
JavaScriptを追記してみたところ、ボタンの方は動かすことが
できたのですが、メニューの中身が開かれません。
要素………（省略）………
- 返信者：非公開
- 2020/12/02 13:31
ECマスターズの伊藤です。
> JavaScriptを追記してみたところ、ボタンの方は動かすことが
> できたのですが、メニューの中身が開かれません。 ………（省略）………
> JavaScriptを追記してみたところ、ボタンの方は動かすことが
> できたのですが、メニューの中身が開かれません。 ………（省略）………
- 返信者：非公開（質問者）
- 2020/12/02 15:55
ご回答ありがとうございます。
追加でスタイルを変更するjsを入れてみたのですが、
コードが不適切なのか反映されませんでした。
【追加で入れたコード………（省略）………
追加でスタイルを変更するjsを入れてみたのですが、
コードが不適切なのか反映されませんでした。
【追加で入れたコード………（省略）………
- 返信者：非公開
- 2020/12/02 17:18
ECマスターズの田中です。
> 追加でスタイルを変更するjsを入れてみたのですが、
> コードが不適切なのか反映されませんでした。
こちらのコード………（省略）………
> 追加でスタイルを変更するjsを入れてみたのですが、
> コードが不適切なのか反映されませんでした。
こちらのコード………（省略）………
- 返信者：非公開（質問者）
- 2020/12/02 18:35
ご回答ありがとうございます。
追記したJSとstyleを削除し、is-openedをheader_gnavに追記してみたのですが、
コードが無効になっている………（省略）………
追記したJSとstyleを削除し、is-openedをheader_gnavに追記してみたのですが、
コードが無効になっている………（省略）………
- 返信者：非公開
- 2020/12/02 19:41
ECマスターズの田中です。
失礼いたしました、私よりご案内差し上げたCSSに誤りがございました。
class="header_gnav" ではなく、………（省略）………
失礼いたしました、私よりご案内差し上げたCSSに誤りがございました。
class="header_gnav" ではなく、………（省略）………
このフォーラムへの質問は終了しました
質問を検索する