Toggle

<a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>

function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
}

Popular posts from this blog

Responsive

@media (max-width: 991px) {           } @media only screen and (min-width: 600px)  { }
Read more
< !DOCTYPE  html > < html > < head > < meta  charset ="UTF-8" > < meta  name ="viewport"  content ="width=device-width, initial-scale=1.0" > < title > Title of the document < /title > <link href="css/main.css" rel="stylesheet"> <script src="js/jquery-1.10.2.min.js"></script> <style> .nav-shadow{ background:url(../images/shadow.png) top repeat-x; text-align:center;} </style> < /head > < body > Content of the document...... < /body > < /html >
Read more