菜单叠加中导航栏上方的空白

Question

我一直在构建一个从页面顶部下拉的覆盖菜单。 我希望导航栏位于正在工作的覆盖层( <div id="myNav" class="overlay"> ) ，但不幸的是上面有一个空白，我似乎无法找到可以摆脱此( <div id="myNav" class="overlay"> )地方并且不会影响网站的其余部分

链接是http://ptdtest.website/home.html

这是代码

Answer 1

.overlay-content {
    position: fixed !important;
    top: 4% !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 1px !important;
}

您的页面中使用了此CSS，您需要从其中删除top属性，而新的CSS就是这个

.overlay-content {
    position: fixed !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 1px !important;
}

顶部属性，从顶部开始为您的.overlay-content提供空间。

Answer 2

只是将overlay-content的top属性更改为0