body { font-family: Arial, Helvetica, sans-serif; } .mobile-container { margin: auto; background-color: #00; color: white; border-radius: 10px; } .topnav { overflow: hidden; background-color: #dcb561; position: relative; } .topnav #myLinks { display: none; } .topnav a { color: white; padding: 14px 16px; text-decoration: none; font-size: 17px; display: block; } .topnav a.icon { background: #dcb561; display: block; position: absolute; right: 0; top: 0; } .topnav a:hover { background-color: #d5ae5d; color: black; } .active { background-color: #d5ae5d; color: white; } function myFunction() { var x = document.getElementById("myLinks"); if (x.style.display === "block") { x.style.display = "none"; } else { x.style.display = "block"; } }