<!-- Side Navigation --> Side Navigation Close Link 1 Link 2 Link 3 Link
Side Navigation × About Services Clients Contact Sidenav overlay Sidenav push Sidenav push w/opacity Learn How To » Fixed Sidebar Learn How To » Modal Box Open Modal Learn How To » Modal Image Learn How To » Lightbox Learn How To » Slideshow Gallery 1 / 6 ❮ ❯ The...
.navbar a:hover { background-color: #ddd; color: black; } /* Column container */ .row { display: flex; flex-wrap: wrap; } /* Create two unequal columns that sits next to each other */ /* Sidebar/left column */ .side { flex: 30%; background-color: #f1f1f1; pa...
When you mouse over the links inside the side navigation, the background color will change to grey by default. If you want a different background color on hover, use any of the w3-hover-color classes.
Animated Sidenav Example Click on the element below to open the side navigation menu. ☰ open function openNav() { document.getElementById("mySidenav").style.width = "250px"; } function closeNav() { document.getElementById("mySidenav").style.width = "0"; } ...