• 文字サイズ
  • 小
  • 中
  • 大


解決済

スマホに切り替えた時のヘッダーメニューが開かない

  • 相談者：非公開
  • 2020/11/27 16:57
いつもお世話になっております。
ヘッダーメニューで、スマホにしたときメニューを
ハンバーガーメニューで開くようにしていたのですが、
動作確認をした際、ボタンを押しても開きません…。
header_gnavの何かが悪い気がするのですが、displayなどを
いじってみても、メニューがずっと閉じたままか開かれたままです。

解決策ありましたらご教示の程よろしくお願いします。
キーワード：CSS、WEBデザイン、スマホ、メニュー、切り替え、ボタン、ソースコード
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
セミナー詳細はこちら
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
ご視聴はこちら

  • 返信者：非公開
  • 2020/11/27 17:32
ECマスターズの伊藤です。

> header_gnavの何かが悪い気がするのですが、displayなどを
> いじってみても、メニューがずっと閉じたまま………（省略）………
続きを読む
  • 返信者：非公開
  • 2020/12/01 14:52
ECマスターズの伊藤です。

テストページのURLのご連絡ありがとうございました。

こちらのメニューですが、参考にされたサイトをご教示いただけますでし………（省略）………
続きを読む
  • 返信者：非公開
  • 2020/12/01 16:12
ECマスターズの伊藤です。

参考サイトのご連絡ありがとうございました。

確認したところ、参考サイトでは、
JavaScriptを使用して、id="………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2020/12/01 18:28
ご回答ありがとうございます。

JavaScriptを追記してみたところ、ボタンの方は動かすことが
できたのですが、メニューの中身が開かれません。
要素………（省略）………
続きを読む
  • 返信者：非公開
  • 2020/12/02 13:31
ECマスターズの伊藤です。

> JavaScriptを追記してみたところ、ボタンの方は動かすことが
> できたのですが、メニューの中身が開かれません。 ………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2020/12/02 15:55
ご回答ありがとうございます。

追加でスタイルを変更するjsを入れてみたのですが、
コードが不適切なのか反映されませんでした。

【追加で入れたコード………（省略）………
続きを読む
  • 返信者：非公開
  • 2020/12/02 17:18
ECマスターズの田中です。

> 追加でスタイルを変更するjsを入れてみたのですが、
> コードが不適切なのか反映されませんでした。

こちらのコード………（省略）………
続きを読む
  • 返信者：非公開（質問者）
  • 2020/12/02 18:35
ご回答ありがとうございます。
追記したJSとstyleを削除し、is-openedをheader_gnavに追記してみたのですが、
コードが無効になっている………（省略）………
続きを読む
  • 返信者：非公開
  • 2020/12/02 19:41
ECマスターズの田中です。

失礼いたしました、私よりご案内差し上げたCSSに誤りがございました。

class="header_gnav" ではなく、………（省略）………
続きを読む
このフォーラムへの質問は終了しました
質問を検索する
返信も検索対象にする

カテゴリーから探す