• 文字サイズ


解決済

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

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

解決策ありましたらご教示の程よろしくお願いします。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
2020年は4月から毎週オンラインにて開催し、1900社が参加された90分で学べる楽天集客対策セミナーですが、アップデートをして2021年も開催いたします。

  • 返信者:非公開
  • 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" ではなく、………(省略)………