My Page

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.