在不影响任何其他因素的情况下向下移动标签

Question

我终于解决了褪色问题，然后遇到另一个问题。为了保持屏幕上的标签而不是切割上半部分，我将它们向下移动了一下：这导致页面内容显示在页面内容在标签下方淡出的部分上方。任何人的想法？

我已经尝试在标签前添加<br />标签。以下是测试网站的代码：it's a jsfiddle！在jsfiddle中，标签的上半部分被切掉了。

Answer 1

只需在导航顶部添加填充并增加高度即可。

        .top-nav{
            background-color:#181818;
            height:55px;
            padding-top:20px;
        }

Answer 2

老实说，我不记得我改变了什么其他的CSS，但那里的东西很小。这是它的要点：

否html { margin... }但这已被更改：

.top-nav {
    padding: 8px;
}
.nav-container {
    background-color:#181818;
    height:35px;
    position:fixed;
    width:100%;
}

只使用整个CSS，因为我很确定这不是我修复的唯一内容。

哦是的而且，我不知道.menu-fade甚至做了什么，但肯定没有用。删除它根本不会改变布局。

Example

PS - 看到<br><br/></br><br />或其任何组合让我的脚痒。