Problème menu responsive

Bonjour tout le monde,

J'ai un petit problème d'affichage du menu principal sur smartphone...
J'ai développé le site sur bootstrap et j'ai dû modifier quelque chose dans le css ...

il s'affiche bien dans le burger, mais quand je clique dessus le menu s'affiche bizarrement
http://www.hostingpics.net/viewer.php?id=391174Capture2.png

Auriez-vous une petite idée de ce que j'ai pû modifier dans le css pour arriver à ce résultat ?

Le lien du site :
http://www.laurent-chastrusse.fr/TESS/index.html


Visiblement sur iPhone cela ne se produit pas... du coup je ne sais pas si le problème vient du navigateur ou si c'est la largeur de l'écran..

Sur iPhone :



Auriez-vous une idée du pourquoi du comment ?

Merci !
Modifié par lolo. (28 Sep 2014 - 12:32)

Voci les codes HTML concerné :

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="index.html"><img src="img/logo-tess-bv.png" width="182" height="57" alt="logo Trans-europe sales b.V."></a> </div>
    <div class="collapse navbar-collapse navbar-right navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.html">HOME</a></li>
        <li><a href="our-products.html">OUR PRODUCTS</a></li>
        <li><a href="our-suppliers.html">OUR SUPPLIERS</a></li>
        <li><a href="blog.html">BLOG</a></li>
        <li><a href="our-group.html">OUR GROUP</a></li>
        <li><a href="contact.html">CONTACT</a></li>
      </ul>
    </div>
  </div>
</nav>

Une petite idée ?