versteckte Navigation in Responsive-Theme einbinden

Hallo liebe WP-Freunde,
seit einiger Zeit versuche ich mich daran eine versteckte Navigation für das responsive-Design meines Themes zu basteln. Leider erfolglos!
Ich möchte, dass ab einer Breite von 480px das Menü versteckt wird. Allerdings bekomme ich es einfach nicht hin.

mein letzter Versuch war dieses Tutorial: hier

Ich habe alles genauso nachgemacht. Aber es klappt nicht. Vielleicht benötige ich für WP und die wp_nav_menu Funktion eine andere Variante?

Hier der Link zu meiner Seite: http://nuestra-america.de

Habt ihr Ideen?

 

Hi, danke für die Antwort.
Wenn ich display: none verwende, dann ist die Navigation natürlich weg. Aber sie kommt nicht wieder, wenn ich auf das Wort Menü klicke. Sie bleibt also versteckt. Das ist ja nicht mein Ziel.

Vielleicht habe ich auch die Javascript-Datei falsch abgelegt. Sie befindet sich momentan im Hauptordner meines Themes. Möglicherweise ist das aber nicht der richtige Ort. Wo muss ich die js.-Datei lagern bzw. wie verknüpfe ich die js.-Datei mit dem, was ich mit html und css zuvor angerichtet habe?

 

Vielen Dank für die Antwort. Es hat tatsächlich an der Verknüpfung gelegen.
Ich habe jetzt folgenden <script>-Code in den Header eingegeben. Das funktioniert

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!