title: Hamburger menu not working on iphone?
body: <p>Hamburger menu does not open upon touch on iphone mobile devices, but works on android devices. Browers I'm using is chrome &amp; safari iphone 4s device.</p>
  
  <p>How can I get my website mobile friendly on iphone devices using hamburger menu?
  here is the website: <a href="http://xavierbreaker.com/" rel="nofollow">http://xavierbreaker.com/</a>
  Here is my code:</p>
  
  <pre><code>&lt;div id="nav"&gt;
    &lt;div class="navbar navbar-fixed-top navbar-inverse" data-spy="affix" data-offset-top="100"&gt;
      &lt;div class="container"&gt;
  
        &lt;div class="navbar-header"&gt;
          &lt;a class="navbar-brand" href="#"&gt;xyz company&lt;/a&gt;
          &lt;a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/a&gt;
        &lt;/div&gt;
  
        &lt;div class="navbar-collapse collapse"&gt;
          &lt;ul class="nav pull-right navbar-nav"&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="shows.html"&gt;Shows&lt;/a&gt;&lt;/li&gt;
            &lt;li class="dropdown"&gt;
              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;Media&lt;i class=""&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu" role="menu"&gt;
                &lt;li&gt;&lt;a href="gallery.html"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="audiovisual.html"&gt;Audio/Visual&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href=""&gt;Beats Coming Soon&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>