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.
In this example, the sidebar is hidden (style="display:none")
It is shown when you click on the menu icon in the top left corner.
When it is opened, it shifts the page content to the right.
We use JavaScript to add a 25% left margin to the div element with id="main" when this happens. The value "25%" matches the width of the sidebar.