Posts

Showing posts with the label Slide menu bar

How to make menu slide nav with html, CSS and JavaScript

Image
https://youtu.be/gfex0Rjm5Y4 Creating slide menu bar is quite easy...... follow or copy and paste the code on your editor Body: <body>    <div id= "mySidenav" class= "sidenav" >    <ul>      <li> <a href= "JavaScript:void(0)" onclick= "closeNav()" id= "closebttn" > &times </a> </li>      <li> <a href= "#" > Home </a> </li>      <li> <a href= "#" > Service </a> </li>      <li> <a href= "#" > Contact </a> </li>      <li> <a href= "#" > Terms </a> </li> </ul> </div>    <span onclick= "openNav()" > &#9776 </span> </body> Css: <style> * {   margin:0;   padding:0; }     .sidenav {       height:100%;  ...