スマホ用メニューがすぐ閉じる

Question

いつもお世話になっております。楽天goldページで商品の特設ページを作成しているのですが、スマートフォンでい見た時、ヘッダーに設置しているドロップダウンメニューがすぐに閉じてしまいます。(確認端末　Android:Xperia)ヘッダーメニューはテンプレートのものをそのまま使っているので形は崩れていないのですが、メニュー開閉の挙動がおかしくなってしまいました…。他のCSSが影響しているのでしょうか？解決策をご教示していただけないでしょうか。特設ページURLhttps://www.rakuten.ne.jp/gold/tokeiten/kato-g/skeleton/index.html

Accepted Answer

ECマスターズの田中です。Bootstrapを組み込むためにページで読み込まれているCSShttps://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.cssのバージョンが「4.4.1」なのに比べ、JShttps//www.rakuten.ne.jp/gold/SHOP-URL/kato-g/skeleton/js/bootstrap.min.jsのバージョンが「3.3.5」と古くなっていることが原因です。bootstrap.min.jsの内容をバージョンアップされますと、同じJSを読み込んでいる他のページに影響がでる可能性がございますので、別途「4.4.1」用のJSファイルをご用意の上、読み込んでいただきますようお願いします。

Answer

ECマスターズの伊藤です。　　　　　　　　　　　いただいたご質問ですが、確認いたしますので、恐れ入りますが、ご回答まで今しばらくお待ちくださいますようお願いいたします。

Answer

https//www.rakuten.ne.jp/gold/SHOP-URL/kato-g/skeleton/js/bootstrap.min.jsのバージョンを更新しましたら問題なく動きました！ありがとうございました。

スマホ用メニューがすぐ閉じる

カテゴリーから探す