在手机中查看时，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菜单完全显示。

回答

相关问题