我的固定標題沒有保證金的權利？

我的網站有一個正常的頭和我想的頭在一個固定的頭改變，當用戶向下滾動。佈局以margin爲中心：auto 0;原始標題也是如此。但新的頭開始correcty在左，但仍然不是佈局直到屏幕的寬度。我不知道如何解決這個問題，並使設計仍然響應。我的固定標題沒有保證金的權利？

這是從容器中碼，第一頭和固定（或新的）標題：

.page_wrapper { 
     width: 100%; 
     max-width: 1400px; 
     min-width: 330px; 
     margin: 0 auto; 
     position: relative; 
} 

.header { 
     overflow: hidden; 
     border: 5px; 
     border-style: none none solid none; 
     border-color: var(--color1); 
     transition: all 0.2s ease; 
} 

.menu-fixed{ 
     position: fixed; 
     z-index: 1000; 
     margin: 0 auto; 
     top:0; 
     width: 100%; 
     height: 60px; 
     /*background: rgba(255,255,255,0.9);*/ 
     background: white; 
     box-shadow:0px 4px 3px rgba(0,0,0,.5); 
}

感謝您的幫助！

編輯：這是HTML代碼，涉及標題：

<body> 
<div class="page_wrapper"> 

<div class="header"> 
<a href="test.html"><img src="logo.png" alt="Logo"></a> 
<a href="javascript:void(0);" onClick="toggleNavigation()" class="menu_icon">&#9776;</a> 
<nav class="navigation responsive" id="topNav"> 
     <a href="">Angebote</a> 
     <a href="test.html">Produkte</a> 
     <a href="">Über uns</a> 
     <a href="">Kontakt</a> 
</nav> 
</div> 

<script> 
     $(window).scroll(function(){ 
       if($(this).scrollTop() > 0){ 
         $('.header').addClass('menu-fixed'); 
       } else { 
         $('.header').removeClass('menu-fixed'); 
       } 
     }); 



</script>

來源

2017-06-18 bonishadelnorte

如果你可以分享你的HTML源代碼，這將是有益的。但嘗試添加.menu-fixed {left：0;右：0}。我想你想在水平中心固定你的固定標題。 – shinyatk

我補充說，現在標題佔據了整個屏幕寬度，它仍然不居中。我將添加的HTML代碼 – bonishadelnorte

嘗試添加。菜單固定{最大寬度：1400px;}。 – shinyatk

嘗試添加

.menu-fixed{ 
     left: 0; 
     right: 0; 
     max-width: 1400px; 
    }

謝謝！

來源

2017-06-18 14:40:35 shinyatk

他爲什麼要這樣做？它有什麼作用？教他釣魚。不要只是扔他一條魚。 – Rob

我的固定標題沒有保證金的權利？

回答

相關問題