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

Question

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

Accepted Answer

ECマスターズの田中です。

Bootstrapを組み込むためにページで読み込まれているCSS
https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css
のバージョンが「4.4.1」なのに比べ、JS
https://www.rakuten.ne.jp/gold/tokeiten/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/tokeiten/kato-g/skeleton/js/bootstrap.min.js
のバージョンを更新しましたら問題なく動きました！

ありがとうございました。