title: Navigation collapse button not working for iPad
body: <p>Working everywhere else except <em>iPad</em>s, view port also added:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>Please help me find a solution, see <a href="http://allvideolectures.com" rel="nofollow">my website</a>.</p>
  
  <p>Here is how the result is viewed on <a href="http://mobt.me/BK8T" rel="nofollow">iPhone</a>.</p>
  
  <p>Here is how the result is viewed on <a href="http://mobt.me/BK8p" rel="nofollow">iPad</a>.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
      &lt;div class="top"&gt;
          &lt;div class="container topmenu"&gt;
              &lt;ul class="nav nav-pills pull-right" style="margin-top: -1px;"&gt;
                  &lt;li role="presentation"&gt;&lt;a href="#" data-toggle="modal" data-target="#loginModal"&gt;Login&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li role="presentation"&gt;&lt;a href="#" data-toggle="modal" data-target="#registerModal"&gt;Register&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li role="presentation"&gt;
                      &lt;a href="https://www.facebook.com/pages/allvideolecturescom/320909451432640" class="soc"&gt;
                      &lt;img src="http://allvideolectures.com/img/facebook_top.png" alt="" /&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li role="presentation"&gt;
                      &lt;a href="https://twitter.com/videolecture" class="soc"&gt;
                      &lt;img src="http://allvideolectures.com/img/twitter_top.png" alt="" /&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li role="presentation"&gt;
                      &lt;a href="https:/google.com/+Allvideolectures" class="soc"&gt;
                      &lt;img src="http://allvideolectures.com/img/google_top.png" alt="" /&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="container"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt;
          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;/button&gt;
          &lt;a class="navbar-brand" href="http://allvideolectures.com/"&gt;
          &lt;img src="http://allvideolectures.com/img/logo.png" alt="all video lectures let's learn" /&gt;&lt;span class="logoleft"&gt;ALLVIDEO&lt;/span&gt;&lt;span class="logoright"&gt;LECTURES.COM&lt;/span&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="navbar" class="navbar-collapse collapse mainmenu"&gt;
          &lt;ul class="nav navbar-nav pull-right"&gt;
              &lt;li role="presentation"&gt;&lt;a href="http://allvideolectures.com/"&gt;Home&lt;/a&gt;
              &lt;/li&gt;
              &lt;li role="presentation" class="active"&gt;&lt;a href="http://allvideolectures.com/courses"&gt;Courses&lt;/a&gt;
              &lt;/li&gt;
              &lt;li role="presentation"&gt;&lt;a href="http://allvideolectures.com/blog"&gt;Blog&lt;/a&gt;
              &lt;/li&gt;
              &lt;li role="presentation"&gt;&lt;a href="http://allvideolectures.com/aboutus"&gt;About&lt;/a&gt;
              &lt;/li&gt;
              &lt;li role="presentation"&gt;&lt;a href="http://allvideolectures.com/contactus"&gt;Contact us&lt;/a&gt;
              &lt;/li&gt;
              &lt;li role="presentation"&gt;
                  &lt;form method="get" action="http://allvideolectures.com/search/"&gt;
                      &lt;input type="text" name="search" class="form-control" required placeholder="Start Learning..."&gt;
                      &lt;input type="submit" value="" class="searchbtn1"&gt;
                  &lt;/form&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!--/.navbar-collapse --&gt;
  &lt;/nav&gt;
  </code></pre>