My Header


Side Navigation Example

In this example, we add right:0 to the w3-sidenav container to place the sidenav to the right.

Note that you control the size of the sidenav with style="width:value". To change the color, change the w3-color class.

Make sure to add the margin-right property to the page content, with a value that is equal to the width of the sidenav. If you omit this, the navigation pane will overlay/sit on top of the page content.