2016-08-20 59 views
0

嗨我下载了一个模板,我只是通过添加“fixedheader”来使标志在标题包装内看起来像这样image 1编辑css。但是当我将窗口大小调整为最小宽度时,标题不响应,而是“fixedheader”高度仍然为180px,如下所示:image 2。我试图删除“fixedheader”,以使标题包装的高度不会使高度太高,看起来像这样image 3,因为您可以看到白色背景的高度只包括标志的一半。有什么办法可以解决这个问题,我感到困惑,你可以在https://www.dropbox.com/s/vvhc59qtk5z2ns9/style.css?dl=0查看style.css。这里是从index.html标头标题菜单大小没有反应

<header id="header" class="transparent-header" data-sticky-class="not-dark"> 

      <div id="header-wrap" class="fixedheader "> 

       <!-- Primary Navigation 
       ============================================= --> 
       <nav id="primary-menu" class="style-2 center"> 

        <div class="container clearfix"></div> 

         <div id="primary-menu-trigger"><i class="icon-reorder"></i></div> 

         <ul class="one-page-menu" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" > 
          <li><a href="index.html"><div>Home</div></a></li> 
          <li><a href="about.html"><div>WHO WE ARE</div></a></li> 
          <li><a href="products.html"><div>WHAT WE TRADE</div></a></li> 
          <li><a href="services.html"><div>SERVICES</div></a></li> 
          <li><a href="logistic.html"><div>LOGISTICS</div></a></li> 
          <li><a href="contact.html"><div>CONTACT</div></a></li> 
         </ul> 
       </nav><!-- #primary-menu end --> 
       <!-- Logo 
       ============================================= --> 

       <div id="logo" class="divcenter"> 
        <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img class="divcenter" src="images/logo.png" alt="Canvas Logo"></a> 
        <a href="index.html" class="retina-logo" data-dark-logo="images/[email protected]"><img class="divcenter" src="images/[email protected]" alt="Canvas Logo"></a> 
       </div><!-- #logo end --> 

      </div> 


     </header><!-- #header end --> 
+0

请添加该模板的URL或您的网站URL。 –

+0

@RenishKhunt这里是链接https://themeforest.net/item/canvas-the-multipurpose-html5-template/9228123?s_rank=2 – jezz

+1

创建小提琴.. – vel

回答

1

添加此css。

@media(min-width: 992px) and (max-width: 1199px) { 
    #logo { 
     float: none !important; 
    } 
} 

@media(max-width: 991px) { 
    .fixedheader { 
     min-height: 100px; 
    } 
} 
+0

非常感谢你的工作\ m / – jezz