2016-09-08 15 views
-4

私はウェブサイトを変更しています。私はグラフィックデザイナーで、私はコーディングで少しノービッシュです。ブートストラップ付きのテンプレートのnavbarを設定できません

This is the website私は話しています。私はnavbarを修正し、それを高くする必要があります(私はそれを完全に適合させるためにロゴが必要です)。

私はグーグルで解決策を見つけようと多くのことを読んでいましたが、すでにブートストラップやCSSファイルで何かを変更しようとしましたが、何も起こりませんでした。

EDIT:

<header id="topNav" style="height: 81px;"><!-- remove class="topHead" if no topHead used! --> 
     <div class="container"> 
+0

この質問にいくつかのコードを追加してください。 –

+0

これはブートストラップヘッダーのようには見えません。 –

答えて

0

変更ロゴ画像のスタイルへとファイルカタログ/ビュー/資産/ JSの次の行でテスト

style="max-height:100%; width:auto; " 

/scripts.js 変更行の高さ:値;

jQuery('header#topNav a.logo').stop().animate({ 'line-height':'50px', 'margin-top':'0'},400); 
+0

それは解決策かもしれないが、ロゴはこのように小さすぎる。 –

+0

答えが更新された。今すぐチェック – onlinewebsite

0

@onlinewebsite、あなたは私にヒントを与えました。

function topMain() { 
    var _scrollTop = jQuery(document).scrollTop(); 

    if(window.topNavSmall === false && _scrollTop > 0) { 

     jQuery('header#topNav div.nav-main-collapse').addClass('topFix'); 
     jQuery('#topNav').stop().animate({ 'height':'95px'},400); 
     jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'6px'},400); 
     jQuery('header#topNav button').stop().animate({ 'margin-top':'0'},100); 
     jQuery('header#topNav a.logo').stop().animate({ 'margin-top':'-10px'},400); 

     if(jQuery('#header_shadow').length > 0) { 
      jQuery('#header_shadow').stop().animate({ 'top':window._headHeightSmall + 'px'},400);/* just a little visible */ 
     } 

     window.topNavSmall = true; 
    } 

    if(window.topNavSmall === true && _scrollTop < 3) { 
     jQuery('header#topNav div.nav-main-collapse').removeClass('topFix'); 
     jQuery('#topNav').stop().animate({ 'height':'105px'},400); 
     jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'16px'},400); 
     jQuery('header#topNav button').stop().animate({ 'margin-top':'8px'},100); 
     jQuery('header#topNav a.logo').stop().animate({ 'line-height':'105px', 'margin-top':'0'},400); 

     if(jQuery('#header_shadow').length > 0) { 
      jQuery('#header_shadow').stop().animate({ 'top':window._headHeight + 'px'},400); 
     } 

     window.topNavSmall = false; 
    } 
} 

これで完全に動作します。

関連する問題