Überlappung des Copyrights & aufklappen des Menüs

Überlappung

Verhindert das Überlappen des Copyrights bei kleinen Bildschirmen:

Danach:

Menü

Durch Verwendung eines CSS Media Queries @media (max-with: 767px) wird das Menü nicht nur beim ersten Seitenaufruf geöffnet, sondern auch wenn sich der Viewport ändert (z.B. bei der Drehung des Bildschirms eines Smartphones/Tablets)

Anmerkung

Beim Betrachten der Veränderungen empfiehlt es sich die "Hide whitespace changes" zu nutzen, da mein Editor automatisch alle Leerzeichen am Ende einer Zeile entfernt.