Correggi così la media query e dimmi se, in questo modo, al cambiare delle dimensioni della pagina, ti sparisce il menu orizzontale e ti appare il toggle.

codice:
@media screen and (max-width: 768px) {
 .toggle-nav{display:block}
 #nav {display:none}

}
Resta valido il mio suggerimento di leggerti una buona guida.