navbar bootstrapはモバイルを崩壊させません

Question

サイトwww.eefjerotterdam.nl/nieuwにある私のブートストラップnavbarに問題があります。

ブラウザのサイズをモバイルの幅に変更すると、デスクトップが縮小されます。しかし、私はそれをモバイルブラウザにロードすると、何らかの理由で動作しないようです。それは崩壊しますが、幅を広げて幅を広げます。私はビューポートのメタなどのような質問で答えを試しました。

ページの残りの部分はサイズ変更されません。それはモバイル上で非常識な幅を保つだけのナビゲーションバーです。 See screenshot

ご迷惑をおかけします。

Answer 1

あなたは1380ピクセルのフクロウカルーセルを持っています。それはページの巨大な幅を引き起こします。応答して問題が解決されるようにします。

<div class="owl-wrapper" style="width: 1380px; left: 0px; display: block;"> 
... 
</div> 

変更あなたのcustom.js上のあなたのこの部分は

$('.intro-slider').owlCarousel({ 
     paginationSpeed: 600, 
     pagination: false, 
     navigation: false, 
     singleItem: true, 
     slideSpeed: 600, 
     autoPlay: 3000 
    }); 

は、あなたがそこにフクロウカルーセル応答設定を見つけることができますファイル： https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html