Javascript 与页面对象元素对齐的可单击下拉菜单项

此可单击菜单的下拉菜单项响应页面文本元素的“页边空白顶部”。我曾尝试对导航栏内容进行z索引，使其“浮动”在现有内容之上，但这似乎没有任何变化

如有任何见解，将不胜感激

谢谢

'''

.topnav{
位置：固定；
颜色：黑色；
右：0；
}
.topnav#mylinks{
显示：无；
边缘顶部：-138px；
} 

您能检查一下我为450px及以下手机屏幕修复的代码吗

@media screen and (max-width:450px){
div#mylinks {
    margin-top: 0px !IMPORTANT;
}
.topnav {
    top: 56px;
    }
}

以前

现在

---

请在此处粘贴代码或提供指向某个沙盒的链接，以便更容易帮助您解决问题。

@media screen and (max-width:450px){
div#mylinks {
    margin-top: 0px !IMPORTANT;
}
.topnav {
    top: 56px;
    }
}