navbar bootstrap ne s'effondre pas mobile

Question

J'ai un problème avec ma barre de navigation bootstrap sur un site www.eefjerotterdam.nl/nieuw.

La barre de navigation se replie sur le bureau lorsque je redimensionne mon navigateur sur la largeur du mobile. Mais quand je le charge dans un navigateur mobile, il ne semble pas fonctionner pour une raison quelconque. Il s'effondre, mais il garde une largeur qui est large. J'ai essayé des réponses sur des questions semblables comme le meta de viewport etc.

Le reste de la page redimensionne, c'est juste la barre de navigation qui garde la largeur folle sur le mobile. See screenshot

Toute aide serait la bienvenue!

Answer 1

Vous avez 1380px carrousel hibou. C'est ce qui provoque l'énorme largeur de page. Rendez-le réactif pour que le problème soit résolu.

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

Changez votre cette partie sur votre custom.js fichier

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

Vous pouvez trouver le carrousel de hibou configuration réactive il: https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html