居中滚动导航栏

Question

我正在尝试将向下滚动http://digitalblare.com时显示的导航栏居中。当你向下滚动时，我已经设法将它放在网站上显示的全屏水平条的一部分中心，但这完全超出了我的范围。在此先感谢您的帮助！

这是用于在滚动之前使菜单居中的CSS：

.top-menu { width: 1045px; margin-left: auto; margin-right: auto; } 

真的很基本的东西。一旦向下滚动虽然我不能为我的生活找出代码或其他＃或者。把它。

Answer 1

更新以下css中的宽度

.top_menu { /* #main-nav.fixed-nav */
   width: 100%;
   margin: 0 auto;
}

它对我有用，尝试了提供的链接。 如果你想保持最小宽度，那么更新到

.top_menu { /* #main-nav.fixed-nav */
    width: 100%;
    min-width: 1045px;  
    margin: 0 auto;
 }

Answer 2

它通过js更改为固定位置..所以将此添加到CSS

#main-nav.fixed-nav{
left:50%;
margin-left: -522px; /* half of 1045 px */
}