title: Bootstrap Navigation Menu Not Working On Mobile View
body: <p>With the help of some S.O. users, I was able to get part of my navigation question answered. With putting a "display:none;" tag on my nav ID, the navigation menu collapsed when viewing for mobile. </p>
  
  <p>The new issue is, after doing so I cannot open/close the navigation button in mobile view. I have seen other S.O. questions explaining missing scripts and not labeling IDs properly. After looking my project over for about a week, I believe I do not have any of these issues. </p>
  
  <p>Can any Bootstrap programmers out there assist me? I believe it has something to do with the "display:none;" tag on the nav ID. Website link: www.thesunkenweb.com/loteksystems and HTML/CSS is below. I think the issue may be lay somewhere within the ".hidden" class on the main.css style page, as well the @767px media query on the responsive.css style page. Both include the "display:none;". Maybe they are eliminating each other? Many thanks!</p>
  
  <pre><code>&lt;!-- Start Header Section --&gt;
  &lt;header class="main_menu_sec navbar navbar-default navbar-fixed-top"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-3 col-md-3 col-sm-12"&gt;
              &lt;div class="lft_hd"&gt;
                  &lt;a href="index.html"&gt;&lt;img src="http://www.thesunkenweb.com/loteksystems/img/LotekSystemsLogo_1.png" alt="Lotek Systems"/&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;          
          &lt;div class="col-lg-9 col-md-9 col-sm-12"&gt;
              &lt;div class="rgt_hd"&gt;                    
                  &lt;div class="main_menu"&gt;
                      &lt;nav id="nav_menu"&gt;
                          &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"&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;!-- Collect the nav links, forms, and other content for toggling --&gt;
                      &lt;div class="collapse navbar-collapse" id="navbar"&gt;&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a class="page-scroll" href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; 
                              &lt;li&gt;&lt;a class="page-scroll" href="#abt_sec"&gt;About Us&lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="#tm_sec"&gt;Meet Andy&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="#tstm_sec"&gt;Testimonials&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="#clt_sec"&gt;Experience&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;                       
                              &lt;li&gt;&lt;a class="page-scroll" href="#pr_sec"&gt;Services&lt;i class="fa fa-angle-down"&gt;&lt;/i&gt;&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="CustomCloudManagement.html"&gt;Custom Managed Cloud Hosting&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="CloudMigration.html"&gt;Cloud Migration&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="ApplicationManagement.html"&gt;Application Management&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a class="page-scroll" href="ComputerRepairs.html"&gt;Computer Repairs&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a class="page-scroll" href="#ctn_sec"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;      
                      &lt;/nav&gt;          
                  &lt;/div&gt;                          
              &lt;/div&gt;
          &lt;/div&gt;  
      &lt;/div&gt;  
  &lt;/div&gt;  
   &lt;/header&gt;
   &lt;!-- End Header Section --&gt;
  </code></pre>