2016-08-20 34 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