モバイルで表示すると、ブートストラップメニューが完全に表示されます。

Question

事前に感謝します！私はSIMAブートストラップテンプレートを使っているグラフィックデザイナーです。私はテンプレートの著者に連絡するのに失敗しました。モバイルでサイトを表示する場合を除き、すべてが正統派です。ナビゲーションメニューが完全に表示されます。メニューを非表示にするには、ナビゲーションタブを手動でクリックする必要があります（使い勝手が悪い）。私は同様の質問を検索し、私は正しいMeta Viewタグを持っており、ナビゲーションクラスとIDはすべてそこにあるようです。私のサイトへのリンクwww.thesunkenweb.com/loteksystemsで（同じ結果を有する）作者サイトへのリンクがhttps://readytheme.net/item/sima-one-page-multipage-template/ HTMLスニペットです：

<!-- Start Header Section --> 
    <header class="main_menu_sec navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-3 col-md-3 col-sm-12"> 
        <div class="lft_hd"> 
         <a href="index.html"><img src="http://www.thesunkenweb.com/loteksystems/img/LotekSystemsLogo_1.png" alt="Lotek Systems"/></a> 
       </div> 
      </div>   
      <div class="col-lg-9 col-md-9 col-sm-12"> 
       <div class="rgt_hd">      
        <div class="main_menu"> 
         <nav id="nav_menu"> 
          <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button"> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          </button> 
         <div id="navbar"> 
          <ul> 
           <li><a class="page-scroll" href="index.html">Home</a></li> 
           <li><a class="page-scroll" href="#abt_sec">About Us<i class="fa fa-angle-down"></i></a> 
            <ul> 
             <li><a class="page-scroll" href="#tm_sec">Meet Andy</a></li> 
             <li><a class="page-scroll" href="#tstm_sec">Testimonials</a></li> 
             <li><a class="page-scroll" href="#clt_sec">Experience</a></li> 
            </ul> 
           </li>      
           <li><a class="page-scroll" href="#pr_sec">Services<i class="fa fa-angle-down"></i></a> 
            <ul> 
             <li><a class="page-scroll" href="CustomCloudManagement.html">Custom Managed Cloud Hosting</a></li> 
             <li><a class="page-scroll" href="CloudMigration.html">Cloud Migration</a></li> 
             <li><a class="page-scroll" href="ApplicationManagement.html">Application Management</a></li> 
             <li><a class="page-scroll" href="ComputerRepairs.html">Computer Repairs</a></li> 
            </ul> 
           </li> 
           <li><a class="page-scroll" href="#ctn_sec">Contact Us</a></li> 
          </ul> 
         </div>  
         </nav>   
        </div>       
       </div> 
      </div> 
     </div> 
    </div> 
</header> 
<!-- End Header Section --> 

Answer 1

@media (max-width:767px){ 
    #navbar{display:none} 
} 

これとすべてがユダヤ☺