title: Bootstrap menu fully shows when viewing in mobile.
body: <p>Many thanks in advance! I am a graphic designer working with a SIMA bootstrapped template. I was unsuccessful at contacting the author of the template. All is kosher except for when you view the site on mobile, the navigation menu is fully displayed. The user has to manually click the nav tab to hide the menu (poor usability). I have searched similar questions and found that I have the correct Meta View tags and my navigation classes and id's seem to be all there. The link to my site is at <a href="http://www.thesunkenweb.com/loteksystems" rel="nofollow noreferrer">www.thesunkenweb.com/loteksystems</a> The link to the authors site (which has the same outcome) is <a href="https://readytheme.net/item/sima-one-page-multipage-template/" rel="nofollow noreferrer">https://readytheme.net/item/sima-one-page-multipage-template/</a>
  HTML Snippet: </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 aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button"&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;div id="navbar"&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>