css CSS折叠导航栏到汉堡图标

Posted 2021-05-13

.navigation a {
    text-decoration: none;
    font-size: 1.5rem;
    color: black;
}

@media only screen and (max-width: 1300px){
    .navigation a {
        margin-right: 30px;
        color: red;
    }
}

@media only screen and (max-width: 700px){
    .navigation a {
        display:none;
    }
}

.hamburger-icon{
    display: none;
}

@media only screen and (max-width: 700px){
    .hamburger-icon{
        display: block;
    }
}