テーマ【bootstrap4-skelton】のハンバーガーメニューに関して

おせわになります。

Webサイトをレスポンシブ化したく、テーマを探していた所【bootstrap4-skelton】を見つけ導入しました。

bootstrap4-skelton

これでWebサイトのレスポンシブ化が出来たのですか、スマートフォンで確認した際メニューがハンバーガーメニューになりますがクリックしてもメニューが表示されません。

原因が判る方アドバイスを頂けると幸いです。
単に bootstrap の問題であれば bootstrap のバージョンを最新にアップデートしてみようと思いますが、まずは質問させて下さい。

【環境情報】
・baserCMSのバージョン:4.4.5
・レンタルサーバー名:さくらインターネット スタンダード
・使用テーマ:bootstrap4-skelton
・PHPスキル: E

1 Likes

こんにちは。
試してみましたが、初期状態では特に問題なくメニューが表示されるようです。
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」に修正した事でハンバーガーメニューが動作しました。

以上報告とさせて頂きます。
これで一歩前進できました(^^)。