Dropdownmenü geht mobil nicht auf

Hallo Nemessis,

das kann ich gegenwärtig weder auf Smartphone noch auf Tablet mit frisch geleertem Browser-Cache reproduzieren. Das Dropdown-Menü geht bei mir auf beiden Geräten sofort auf.

Was mich allerdings etwas irritiert, ist, dass „Menü“ auf Tablet und Smartphone im Hintergrund des Dropdown-Menüs sichtbar bleibt.

Wie gesagt, ich habe mich da gestern auf gefährliches Terrain begeben. Vielleicht entfernst Du mal den gestrigen Code temporär und guckst, wie es sich dann verhält. Dass das Dropdown-Menü in der Desktop-Ansicht zunächst wieder nach unten rutscht, sollten wir für diesen Test in Kauf nehmen.

Letztlich wissen wir dann zumindest, ob meine wenigen Zeilen hier den Fehler verursachen, oder ob das Problem doch an ganz anderer Stelle zu suchen ist.

Viele Grüße

Tom

Hallo Nemessis,

das gestern von mir berichtete Phänomen mit dem Menü-Button in der mobilen Ansicht besteht aber auf meinen Endgeräten mit erneut geleertem Browser-Cache weiterhin (s. u.).

Auf einem frischen Campfire Responsive kann ich dieses Verhalten jedoch nicht nachstellen, egal ob ich den von mir genannten Code einsetze oder nicht. Da muss noch etwas anderes eine Rolle spielen.

Überlege doch mal, ob Du auf das Dropdown-Menü nicht gänzlich verzichten kannst. Es geht doch schließlich nur um drei Unterseiten.

Unter „Kontakt“ erwarte ich in der Regel ohnehin keinen weiteren Menü-Punkt. „Kontakt“ führt zudem auf dieselbe Seite wie „Buchungsanfrage“.

Ich würde daher versuchen, alle Seiten auf die erste Ebene zu verschieben und sie gegebenenfalls etwas zu verkürzen bzw. die Schriftgröße zu reduzieren:

Pension am Hirschbach
Ferienwohnungen
Verfügbarkeit
(Buchungs)anfrage
Das erwartet Euch (immerhin ein Satzzeichen gespart)
Lage

Vielleicht könnte man im Hauptmenü auch noch etwas mehr Platz schaffen, indem man aus dem Logo das „Bad Hindelang“ entfernt. Von der Schriftart passt es ohnehin weder zu „Pension am Hirschbach“ noch zum Hirsch. Und da es eh in die Graphik eingebettet ist, ist es für SEO auch ohne Belang.

Nur eine Idee.

Viele Grüße

Tom

Hallo nemessis

Zitat

Drcymbal

Was mich allerdings etwas irritiert, ist, dass „Menü“ auf Tablet und Smartphone im Hintergrund des Dropdown-Menüs sichtbar bleibt.

Ich habe den Fehler wohl doch noch gefunden.

Öffne den Layout-Designer.

-> Logo / Hauptmenü.

Trage dort bei Mindesthöhe (z.B.) 200px ein.

Wenn dort z.B. 1px eingetragen ist (bei Dir aktuell 4px), tritt genau das bestehende Problem auf.

Viel Glück und alles Gute

Grüsse

elch