.sidenav { z-index: 200; background-color: transparent; width: 100vw; height: 100vh; position: fixed; left: -100vw; top: 0; transition: 0.25s; } .scrollable { overflow-x: hidden; overflow-y: scroll; } .sidenav.open { left: 0px; } .sidenav a, button{ text-decoration: none; color: lightgray; margin-left: 20px; display: block; } .sidenav a:hover { color: white; } .sidenav nav { box-shadow: 0px 0px 15px 0px #000; height: 100vh; max-width: 250px; background-color: #1d1f31; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 100px; } @media screen and (max-height: 450px) { .sidenav a {font-size: 18px;} }