Bootstrap/WordPress : menu responsive s'affiche sous le contenu

Bonsoir,

J'ai un petit soucis sur un site sous WordPress qui utilise Bootstrap. Comme expliqué dans le titre, sur grand écran pas de soucis (tablette y compris) mais sur smartphone le menu s'affiche sous le contenu qui suit et comme il y a une image, il n'est plus visible...

URL du site : http://pierresculier.be/

Le code dans header.php que j'ai repris d'un exemple fonctionnel :

<div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>

J'ai pensé utiliser z-index sur l'image qui est dans le chemin mais ça ne change rien. A part ça je ne vois pas trop ce qui peut poser problème, surtout que je suis plus ou moins débutant avec Bootstrap...

Je vais continuer mes recherches en attendant mais si quelqu'un a une idée, j'en serais ravi

D'avance merci !

MrLLp
Modifié par MrLLp (25 Mar 2014 - 19:56)

Bonjour,

En faisant des recherches pour mes propres problèmes, je suis tombée là dessus.
http://forum.alsacreations.com/topic-4-71011-1-bootstrap3-explications-classes-et-navbar.html

Ma réponse vaut ce qu'elle vaut. Je ne suis pas experte en la matière.
Le problème viendrait de "toggle" (navbar-toggle) qui a comme effet (de par sa fonction " faire basculer") de faire disparaitre le menu lorsque la taille d'écran est inférieure à une certaine dimension.

Si cela peut vous aider.