Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
Responsive Sidenav Example
This example use media queries to transform the sidenav to a top navigation bar when the screen size is 900px or less.
We have also added a media query for screens that are 400px or less, which will vertically stack and center the navigation links.
You will learn more about media queries and responsive web design later in our CSS Tutorial.
Resize the browser window to see the effect.