Ich schaffe es einfach nicht ... schnieef :)

[Matthias Apsel]

Om nah hoo pez nyeetz, oxo888oxo!

* Nun bleibt die Navi leider zugekkappt
Das ist das Problem!

Jetzt könnte man fragen, wer macht denn solche Browser-Fenster-Zieh-Spielchen.
Aber wenn man die Seite auf einem Tablet öffnet, wo zwischen Hoch- und Qerformat der Media Querie Breakpoint wechselt, hat man den Salat.

Hast Du da eine Idee, wie man das lösen kann?

Dein JavaScript schreibt in den inline-style für das Element #panel ein display: none hinein. Das ist gegenüber deinem display: block in der CSS-Ressource (bzw. noch im style-Element) höher gewichtet.

Wenn du das JavaScript nicht ändern kannst, kannst du als schnelle und schmutzige Lösung

@media only screen and (min-width: 46.5em) {  
#panel {  
    display: block!important;  
  }  
.btn-slide {  
    display: none;  
  }  
}

verwenden.

Siehe auch wiki Spezifität und in lustig #Weblinks

Matthias