navbar Bootstrap nicht kollabiert nicht mobil

Question

ich ein Problem mit meinem Bootstrap navbar auf einer Website www.eefjerotterdam.nl/nieuw haben.

Die navbar kollabiert auf dem Desktop, wenn ich meinen Browser auf Mobil Breite ändern. Aber wenn ich es in einem mobilen Browser lade, scheint es aus irgendeinem Grund nicht zu funktionieren. Es kollabiert, aber es hält eine Breite, die weit ist. Ich habe versucht, Antworten auf ähnliche Fragen wie die Darstellungs Meta usw.

Der Rest der Seite ist die Größe, es ist nur die navbar, die verrückt Breite auf mobilen hält. See screenshot

Jede Hilfe wäre willkommen!

Answer 1

Sie haben 1380px Eule Karussell. Das verursacht die riesige Breite der Seite. Reagieren Sie darauf, damit das Problem gelöst wird.

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

Ändern Sie Ihr dieses Teil auf Ihrem custom.js

Datei

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

Sie die Eule Karussell ansprechende Konfiguration dort finden können: https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html