おせわになります。
Webサイトをレスポンシブ化したく、テーマを探していた所【bootstrap4-skelton】を見つけ導入しました。
bootstrap4-skelton
これでWebサイトのレスポンシブ化が出来たのですか、スマートフォンで確認した際メニューがハンバーガーメニューになりますがクリックしてもメニューが表示されません。
原因が判る方アドバイスを頂けると幸いです。
単に bootstrap の問題であれば bootstrap のバージョンを最新にアップデートしてみようと思いますが、まずは質問させて下さい。
【環境情報】
・baserCMSのバージョン：4.4.5
・レンタルサーバー名：さくらインターネット スタンダード
・使用テーマ：bootstrap4-skelton
・PHPスキル： E
こんにちは。
試してみましたが、初期状態では特に問題なくメニューが表示されるようです。
javascriptなどのエラーが出ていないか、ブラウザのデベロッパーツールなどで確認されてみてはいかがでしょうか。
kaburk 様
アドバイスを有り難うございます。
初期設定で問題無く動いている件、確認ありがとうございました。
もう少し検証して見ます。
ハンバーガーメニューの件解決・動作しました。
kabuki 様のアドバイスを元に Mac の safari で確認した所以下のエラーが出ていました。
[Warning] [blocked] The page at https://example.jp/ was not allowed to run insecure content from http://code.jquery.com/jquery-3.3.1.min.js.
との事で、jquery-3.3.1.min.js.へのリンク先が「https」でなく「http」で始まっており、/jquery-3.3.1.min.js の読込がブロックされたいたのが原因でした。
対策として「/theme/bootstrap4/Layouts/default.php」を開いて
<script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
を
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
上記「http」を「htpps」に修正した事でハンバーガーメニューが動作しました。
以上報告とさせて頂きます。
これで一歩前進できました(^^)。
Copyright (C) baserCMS User Community All rights reserved.
