header{ background: $green; height: 70px; position: fixed; width: 100%; .logo{ position: fixed; top: 0; left: 0; height: 70px; } .hamburger{ position: fixed; top: 6px; right: 0; } .first{ /* display: none; */ position: relative; top: 70px; height: 90px; } .hours{ font-size: $font-12; span{ display: block; } } .topmenu{ height: calc(100vh - 70px); position: fixed; top: 70px; left: 0; background: $green; width: 100%; display: none; overflow: auto; ul{ text-align: center; font-size: $font-18; font-weight: bold; text-transform: uppercase; margin: 40px 0; padding: 0; line-height: 30px; li{ list-style: none; padding: 15px; display: block; border-top: 1px solid $alpha; a{ color: white; text-decoration: none; transition: .4s; &:hover{ color: $alpha; } } } } } }