Ciao, per prima cosa assicurati di avere il codice HTML corretto. Manca un doppio apice di chiusura (") in viewpoint e c'è un header di chiusura di troppo (il primo).

Riguardo invece il problema principale, devi utilizzare i media queries del CSS - che già avevi usato nel tuo footer - per lavorare sulla visualizzazione del menu. Ti occorrerà anche utilizzare JS per rendere funzionale il nav lato mobile.

Lato UX funziona così: in mobile il nav viene nascosto e compare un pulsante. Questo pulsante ti consente di far apparire o nascondere il nav; su schermi grandi invece, il pulsantino scompare e il nav è sempre visibile.

Se non hai esperienza con CSS e JS, ti suggerisco di utilizzare un CSS framework pronto all'uso, come Bootstrap, per semplificare il layout del tuo progetto.