What is it?
In larger browser windows, the menu items are shown horizontally. In smaller browser windows, menu items are hidden until the 'Menu' is clicked. To see this in action, try resizing the width of your browser and observe the topmost menu bar.
- Download the css file from the dist folder.
- Link to the css file in your page.
<link rel="stylesheet" href="css-responsive-menu.css" />
- Use the following code template for the menu.
<div class="css-responsive-menu"> <label for="hidden-checkbox1" class="expand-control">Menu</label> <input type="checkbox" id="hidden-checkbox1" class="expand-control"> <ul class="navigation-list"> <li><a href="about.html">about</a></li> <li><a href="contact.html">contact</a></li> </ul> </div>