在手機中查看時，Bootstrap菜單完全顯示。

非常感謝提前！我是一名使用SIMA引導模板的平面設計師。我聯繫模板作者失敗。除了當您在手機上查看網站時，所有內容都是猶太潔食，導航菜單已完全顯示。用戶必須手動點擊導航標籤來隱藏菜單（糟糕的可用性）。我搜索了類似的問題，發現我有正確的Meta View標籤，我的導航類和id似乎都在那裏。我的網站的鏈接是在www.thesunkenweb.com/loteksystems給作者的網站的鏈接（具有相同的結果）是https://readytheme.net/item/sima-one-page-multipage-template/ HTML摘錄：在手機中查看時，Bootstrap菜單完全顯示。

<!-- 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 -->

來源

2017-07-06 Don

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

添加這一點，一切都會猶太☺

來源

2017-07-06 17:30:24

謝謝非常！！這很有道理。感謝您幫助我們的設計師！乾杯! - 唐 – Don

試圖給你一個，但因爲我是堆棧的全新，我不相信給一個ups。我會很快！ – Don

在手機中查看時，Bootstrap菜單完全顯示。

回答

相關問題