如何在导航栏后面制作横幅文本

Question

我在使用可以打开和关闭的媒体查询的导航栏时遇到问题，当我打开导航栏时，横幅上的文本突然到达导航栏的前面。我使用“显示：块；”但没有任何反应，请帮助我！

---

这是媒体查询中的代码

    .menu a {
        display: block;
        padding: 20px;
    }

    .hide-menu-btn {
        position: absolute;
        top: 24px;
        right: 23px;
    }
    #chk:checked ~ .menu {
        right: 0;
    }
    .upload{
  border-radius: 50px;
        height: 40;
        width: 80;
    }
    .hero{
    height: 700px;
            display: block

        }
        .n{
            font-size: 36px;
            display: block;
            z-index: 1;

        }