CSS mit Media Query

Hallo liebe Community,

ich habe auf meiner Homepage die Erweiterung: responsive-navigation (1.1.2 - Build 3) eingebunden.
Möchte aber jetzt die responsive-navigation.css anpassen.

Ich möchte das diese Menü nur erscheint wenn:
> (max-width: 802px) and (orientation: portrait) oder
> (max-heigth: 802px) and (orientation: landscape)

Wie kann ich die MediaQueria miteinander verbinden bzw. zusammenfassen?

Habe es mit folgenden Code probiert. Funktioniert leider nicht:

Code:

---

@media screen and (max-width: 802px) and (orientation: portrait), screen and (max-heigth: 802px) and (orientation: landscape) {
.......
}

---

Danke

Hallo @Christian001,

Ich hab so ein ähnliches Problem und muss für die Mobile Ansicht die Overlay Form ändern.

Hast du bereits eine Lösung gefunden?

VLG,
Steffi

Code:

---


@media screen and (max-width: 802px) and (orientation: portrait) , (max-height: 802px) and (orientation: landscape) {
                body { background-color:yellow;}
}

---