With CSS framework you have access to four possibilities to add a sidenav to your site.
You have both the sidenav and the sitenav collapse both left and right.
A sidenav is a menu that is not visible and appears when you click on a menu button.
The sidenav collapse is a sidenav that is always visible on the large screens and is behaving like a normal sidenav on the smaller screens.
The basic colors are black and gray but can easily be adjusted with the color classes of css framework.
Click on the Class name to copy it.
Main class for the sidenav block
Class for close button and open button click
Class for close button icon
Class for open button icon
Class to make the collapsible sidenav
Class for click event of the dropdown buttons
Class for making the dropdown button
Class for making the dropdown icon
Class for the dropdown container
Class to put plain text in the sidenav
Class that make's the right sidenav
Class that make's the main area for the page content
Class that creates a dark overlay when the menu opens