Bootstrap menu doesnt work on mobile in some pages – Twitter bootstrap

I’m working on a kinda simple website and noticed one issue in mobile mode. In my index page and couple of others the menu doesnt load, however in other pages of the same site, the menu loads properly.

They all have the same scripts and css files so I’m kinda lost.

This is the site in question: www.dulcementeperu.com

The menu only opens in dulcementeperu.com/packs and dulcementeperu.com/comprar but not on the rest.

This is the nav that’s supposed to load:

<nav>
  <div align="center">
    <ul class="sf-menu">
      <li class="current selectedLava"><a href="/">Home</a></li>
      <li><a href="packs">Packs</a></li>
      <li><a href="delivery">Delivery</a></li>
      <li><a href="comprar">Comprar</a></li>
    </ul>
    <!-- end menu -->
  </div>
</nav>

And this is the list of scripts the page loads:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/theme20.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/gmap3.js"></script>
<script type="text/javascript" src="js/twitter/jquery.tweet.js"></script>
<script type="text/javascript" src="js/custom.js"></script>

Any insight would be appreciated, and sorry if my english is kinda broken since it’s not my native language.