Div-Elemente unsichtbar machen

Hallo,
Ich will, das ab einer bestimmten Breite ein div verschwindet und ein anderes erscheint. Doch bei mir funktioniert es nicht:

@media screen and (max-width: 700px;) { div.header{display: none;} div.header1{display: block;} }

Ich danke im voraus.

Leider wurde aus dem Semikolon und der Klammer ein Smiley. Sry.

Nicht mit [plain][/plain] :slight_smile: Siehe meine korrigierte Fassung deines Beitrags.

Dafür aber das erstgenannte zum Problem in deinem Code.
[ul]
[li] https://jsfiddle.net/SpiceLab/887ad7g4/ [/li][/ul]

Ich habe es bei mir ausprobiert, doch es funktioniert nicht bei meinen Hyperlinks.

Ich habe hier jetzt meinen Code doch er funktioniert nicht.
https://jsfiddle.net/Scripit/avLq4zp9/

Willst Du sowas? Desktop nebeneinander, Mobile untereinander.

https://jsfiddle.net/avLq4zp9/1/

Ja, danke! :)))))))

Wie auch, wenn er noch immer denselben Fehler enthält: das Semikolon vor der Klammer.

@media screen and (max-width: 700px;){...}

(2.) Korrektur von mir: https://jsfiddle.net/SpiceLab/avLq4zp9/5/

Zur Gegenkontrolle ist hier der graue Hintergrund für die Links (der gleichermaßen in .header u. .header1 gilt) temporär deaktiviert, und ersatzweise für .header1 ein roter zugewiesen.

Korrektur von @djheke enthält kein Semikolon- wie auch mein Link zuvor:

Ich hatte den Fehler nicht erkannt.

Selbst nicht in diesem Zusammenhang? o_O:(

das erstgenannte = das Semikolon