固定菜单左对齐

Question

我正在处理this site。我在页面顶部设置了一个固定菜单，以便用户可以随时看到菜单而无需滚动。

我已将 css 添加到菜单类中，如下所示以减小宽度。

#masthead { 
margin: 0 auto;
width: 86%;
}

现在我在向下滚动时得到了固定菜单。我尝试添加

#masthead.fixed-header
{    margin: 0 auto;
width: 86%;
}

但这似乎不起作用。任何人都可以帮助使其成为页面中心。谢谢！

Answer 1

只需在您的 CSS 中添加 right: 0; left: 0; 到 #masthead.fixed-header（第 649 行）

看起来像

#masthead.fixed-header {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   min-height: 35px;
   box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}