2017-09-14 1 views
1

Donc, my site fonctionne très bien en chrome et pour la plupart sur d'autres navigateurs mais dans Safari et IE le menu de démarrage ne s'effondrera pas et à la place renversera le contenu du menu partout la page comme on le voit ici:Bootstrap Nav-menu cassé sur des pages spécifiques dans Safari & IE

linestar.ca incorrect header

Étrangement si le menu de navigation fonctionne très bien sur d'autres pages ?:

linestar.ca correct header

Je suis à une perte complète que j'ai:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

dans mon en-tête.

+0

Bonjour @UnderQualifiedBoi, il semble que je reçois également l'en-tête mal décoré dans Chrome. – Chic

+0

Merde, je cours Chrome Version 60.0.3112.113 (version officielle) (64 bits) si cela fait une différence? Est-ce que le problème se reproduit sur d'autres pages ou seulement celui que j'ai fourni? – UnderQualifiedBoi

+0

Je le vois sur Chrome version 61.0.3163.79 (version officielle) (64 bits). Le problème n'apparaît pas sur le deuxième lien que vous avez fourni. – Chic

Répondre

1

Pour toutes les autres pages que celle qui vous pose problème, votre menu se trouve dans un div #megaMenu.

Toutes les autres pages arbre DOM:

<div class="navbar navbar-default navbar-static-top" role="navigation"> 
    <div class="container"> 
    <div id="megaMenu" class="megaMenuContainer".... 

page avec arbre DOM problème:

<div class="navbar navbar-default navbar-static-top" role="navigation"> 
    <div class="container"> 
    <ul id="menu-main-navigation" class="nav navbar-nav... 

Vous devriez chercher à savoir pourquoi est-ce qui se passe.

+0

J'ai essayé de coder manuellement dans le méga menu div manuellement sans succès. si vous vérifiez la page de problème sur le chrome il a le div de mega menu enveloppé dans un div de menu de méga avec aucun problème mais aucun ne montrera sur le safari/IE – UnderQualifiedBoi