メニュー
MENU
こんにちは、
ゲスト
さん
トップ
会員サイト
新着質問
新着回答
人気の質問
解決済
受付中
未回答
質問・返信の一覧
お気に入り
ニックネーム変更
E-mailアドレス変更
パスワード変更
ECマスターズ ツール
ログイン
TOP
スマホに切り替えた時のヘッダーメニューが開かない
文字サイズ
変更
小
中
大
解決済
スマホに切り替えた時のヘッダーメニューが開かない
相談者:非公開
2020/11/27 16:57
いつもお世話になっております。
ヘッダーメニューで、スマホにしたときメニューを
ハンバーガーメニューで開くようにしていたのですが、
動作確認をした際、ボタンを押しても開きません…。
header_gnavの何かが悪い気がするのですが、displayなどを
いじってみても、メニューがずっと閉じたままか開かれたままです。
解決策ありましたらご教示の程よろしくお願いします。
キーワード:
CSS
、
WEBデザイン
、
スマホ
、
メニュー
、
切り替え
、
ボタン
、
ソースコード
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
セミナー詳細はこちら
返信者:非公開
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" ではなく、………(省略)………
続きを読む
質問を検索する
すべて
初心者・はじめて
共通の送料込みライン
Amazon.co.jp
Yahoo!ショッピング
楽天市場
au PAY マーケット
ポンパレモール
Qoo10
本店サイト
会員専用ツール
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
LINE活用
ツール改善コミュニティ
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他
返信も検索対象にする
カテゴリーから探す
初心者・はじめて
共通の送料込みライン
Amazon.co.jp
Yahoo!ショッピング
楽天市場
au PAY マーケット
ポンパレモール
Qoo10
本店サイト
会員専用ツール
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
LINE活用
ツール改善コミュニティ
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他