bootstrap導入後のスマホメニューのレイアウト崩れ

[ゆぬの]

初めまして、杉谷ゆぬのと申します。

素敵なテーマをありがとうございます。先月よりこちらのテーマを利用させて頂いております。

表題の件ですが、bootstrapを使用して固定ページを作成したいと思い、昨日子テーマにheader.phpを作成し、ヘッダータグ内にbootstrapのタグを挿入いたしました。

その後、スマートフォンでサイトを確認したところ、ハンバーガーメニューを開いた際にメニューが2カラムに表示されてしまいました。

bootstrapのタグを削除すると1カラムに戻るので、bootstrapが原因だと思うのですが、対処方法がありましたら教えて頂ければかと思います。

よろしくお願いいたします。

EASELのバージョン：1.5.0

WordPressのバージョン：5.5.3

使用サーバー：ロリポップ！

使用ブラウザ：firefox(スマートフォン確認：chrome、firefox)

 

 

 

[gtgt]

EASELのご利用ありがとうございます。

申し訳ありませんが、EASELで利用されていないCSSフレームワーク導入に関するサポートはできません。
利用者さまご自身で原因を調査・対処していただければ幸いです。

よろしくお願いします。

[ゆぬの]

返信ありがとうございました。

了解いたしました。いろいろ調べつつ、対処させていただきます。

[投稿者]

投稿