navbar bootstrap不會摺疊手機

Question

我的網站www.eefjerotterdam.nl/nieuw上的自舉導航欄有問題。

當我將瀏覽器調整爲移動寬度時，導航欄會在桌面上摺疊。但是，當我在移動瀏覽器中加載它時，出於某種原因似乎不起作用。它確實崩潰了，但它保持了寬度的寬度。我已經嘗試類似問題的答案，如視口元等

頁面的其餘部分調整大小，它只是在移動時保持瘋狂的寬度的導航欄。 See screenshot

任何幫助將受到歡迎！

Answer 1

你有1380px貓頭鷹旋轉木馬。這導致了巨大的頁面寬度。使其響應，以便解決問題。

<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