Mobile-Menü und Kopfzeile verschwindet in gewissen Browserbreiten

[Jens Pielawa]

Hallo an alle,
meine Homepage unter https://neuewebsite.kisum-kreativhaus.de/ zeigt ein komisches Verhalten, das meinen Kunden irritiert hat und mir bislang nicht aufgefallen ist.
Wenn man das Browserfenster von der vollen Breite sukzessive verkleinert, ergibt sich zwischen der Tablet-Breite und der Mobile-Breite ein „Bereich”, in dem weder ein Mobile Menu oder die Kopfzeile zu sehen ist. Im Header herrscht dann außer dem Logo quasi Niemandsland.
Kann jemand erklären, woher das kommt und wie ich das beheben kann?

[Tim]

Hi,
du hast via Theme-Designer die Standard-MediaQueries überschrieben. Damit hast du einen Bereich aufgespannt zwischen 768px bis 1024px, wo du quasi alles ausblendest.



In wie fern es "realistisch" ist, dass auf einem Desktop noch Fenstergrößen von unter 1024px angezeigt werden, ist eine andere Frage

[Jens Pielawa]

Hi,
du hast via Theme-Designer die Standard-MediaQueries überschrieben. Damit hast du einen Bereich aufgespannt zwischen 768px bis 1024px, wo du quasi alles ausblendest.

Und wie kann ich das wieder korrigieren?
Wenn ich den Theme-Designer dafür wieder einschalte, sind die beiden Tablet-Zustände (hoch und quer) mit den "Topbar: Items" funktionslos. Heißt, ich kann hier z. B. "Hide: Email" anklicken etc., aber nichts passiert bzw. das Layout verändert sich nicht. Auf Desktop und Mobile funktioniert das An- oder Ausklicken der Topbar-Items.

EDIT: Effekt einer "ostfriesischen Fahne" – weißer Adler auf weißem Grund...
Wenn man die Headerfarbe testweise auf die Akzentfarbe legt und die Links ebenfalls, taucht das (hier blaue) Mobile Menu unsichtbar ab in den (hier noch blauen) Header… Ich habe es nur durch Zufall bemerkt, als ich frühere Stände des Layouts geladen habe, wo noch hellere Farben im Header waren, und erst dann habe ich es bemerkt. Funktionell also alles da, aber farblich (meinerseits) ostfriesische Flagge.
Die Farbe des "Mobile-Menu Trigger" ist dabei natürlich auch noch essentiell, die ich jetzt extra definieren kann.
PCT hat alles richtig gemacht – wenn der Benutzer nicht richtig rumklickt und dabei aufpasst, endet es halt im Farbsumpf.

[Tim]

Haha, ja. Gleiche Farbe auf gleichem Grund. Ein MediaQuery Problem liegt nicht vor. Das passt.