Campfire Layout mobiles Menü Probleme

Liebes Zeta Team,

Seit es das Layout "Campfire" gibt, ist immer noch ein Problem mit der mobilen Menü-Navigation Darstellung vorhanden, die immer wieder auseinander bricht. Alle Websites, die ich kenne, haben das gleiche Problem. Siehe Screenshot anbei.

Ich kann hier leider kein Video hochladen. Daher mal eine kleine Schilderung:

Website laden...

Menü öffnen...

Klick auf einen Menüpunkt...

Hoch scrollen...

Anderen Menüpunkt klicken...

Scrollen...

Oder auf das Logo rumklicken...

Und dann kommt das, was auf den Screenshots zu sehen ist.

Manchmal auch schon beim ersten Klick.

Extrem fällt das bei Onepages auf.

Irgendwas passt da nicht.

Das liegt nicht an eigene CSS. Da ist ein Fehler im Layout.

8 Kunden beschweren sich. Ich erstelle gerade meine Website vom Label neu und ich bin selbst damit konfrontiert.

Zum Vergleich habe ich das auch bei shout.fm Shout-FM probiert, um zu sehen, ob ich irgendetwas falsch mache. Das Menü bricht auch total auseinander. Mir fällt sowas auf, da ich alles auf Herz und Niere Prüfe.

Probleme mit Campfire-Layout sind aber bekannt.

Auch mit dem footer kommt es zu Problemen, je nach Inhalt.

ZP hatte das mit einem CSS Code mal gelöst ist aber auch suboptimal.

Es wäre wirklich super, wenn das Layout Campfire sauber läuft, sonst kann ich 8 Webseiten neu machen… das fände ich nicht so fein.

Vg Mirco

Zitat von tjess

Guten Morgen,

tritt das immer auf, also auf allen Systemen und Browsern?

Hab jetzt mal im Firefox auf iPad und PC probiert, beide Male hat das Menü gehalten. Auf deinem zweiten Foto kann ich keinen Fehler erkennen.

Grüße

Tobias

Auf dem Handy bei iOS Safari, wenn man aber auch in ZP bei der mobilen Demoansicht mal auf dem Logo-Rand klickt, hat man den gleichen Effekt und das Menü bricht auseinander.

Dieses Verhalten passiert dann mobil. Anbei Screenshots. der Gelbe Punkt ist, wo ich klicke. iPad werde ich jetzt mal testen... Bei dem Browsern habe ich das nicht festgestellt; solange das Menü nicht klappbar ist. Wenn es klappbar ist, in dem das Fenster verkleinert wird und das Mobile Menü eingeblendet wird, passiert das da auch. Ist schwierig zu erklären. Die Kunden sagten zu mir: "Klick mal rum, dann wirst du das schon sehen..."

VG

Vielleint noch ein kleiner Hinweis, der hilft:

Ich habe nun digitaleronlineshop.de in Version 16.4. konvertiert und mit dem Layout "Bold" ist JETZT das gleiche Problem.. Nur dass das Menü nicht nach rechts außen ausbricht sondern nach unten. Ich habe es gerade konvertiert, werde mich aber hüten, das zu veröffentlichen. Online ist noch die ZP Version 16.2.

Anbei die Screenshots mit 16.4 und 16.2.

In der alten Version vor 16.4. wird das auseinanderbrechen unterbunden (zwang).... man sieht es kurz (Millisekunden), bleibt aber in Form.

Screenshot 2022-04-17 224018 (Version 16.4)

Screenshot 2022-04-17 223946 (Version 16.2)

UND mit 16.4. scheinen ZIEMLICH VIELE Layouts diese Probleme zu haben. Ich hatte jetzt so einige getestet und bin mit deerbrands.com bei Top Responsive gelandet. Da bricht das Menü zwar nicht auseinander aber dafür gehen die Menüs nicht... klick klick: Onepage Menü (Verlinkungen zu Inhalten auf index) funktionieren mobil nicht - Zeta Producer - Support-Forum (zeta-producer.com)

Aber noch mal ändere ich das Layout nicht... Ich hoffe ZP kann hier helfen.

Ich bin echt am verzweifeln....

Frohe Oster, PC ist jetzt aus.

VG Mirco

Zitat von Steffen T.

Diese fehlerhafte Darstellung kann ich bei den genannten Seiten zumindest online leider gar nicht reproduzieren.

Das muss sich evtl. mal der Kollege Stefan S nach seinem Urlaub nächste Woche anschauen.

Allerdings.. ich kann das jederzeit reproduzieren. Grad ein neues Webprojet angelegt und mobil... Sie müssen öfters rumklicken.

VG

Zitat von Stefan S

Da möchte ich zunächst mal sicherstellen, das ich das Problem richtig verstanden habe. Ist das Problem, dass der Button für das Mobile Menü nicht angezeigt wird, sondern nur die ersten paar Menüeinträge?

Das Menü "Mobil" wird erst richtig angezeigt, was dann aber je nach "Klicken" auf ein Menüpunkt, beim "Scrollen" oder "Klicken" auf das "Logo" auseinanderbricht... das ist mit allen Campfire Layouts (auch BOLD Layout) ab dem "Update 16.4". Meistens bricht das Menü nach rechts außen, ist nicht mehr mobil, sondern wie bei der Desktop Darstellung am PC-Bildschirm.

Ich hoffe, ich konnte es erklären. Es werden noch alle Menüpunkte angezeigt.. dann müssen Sie nach "rechts" durchscrollen...

Zitat von Stefan S

Vielen Dank. Ich müsste noch wissen, was/wo Sie genau scrollen. Scrollen Sie das aufgeklappte mobile Menü (das ggf höher als die Seite ist), oder Scrollen Sie die Inhalte der Seite, und wenn ja, wird die Darstellung dann nach dem Scroll falsch oder erst nach einem Seitenwechsel…?

AUCH GANZ WICHTIG: testen Sie das auch auf einem wirklichen Smartphone oder nur in der Responsive Vorschau des Browsers (das wäre falsch, der verhält sich nicht 100%ig wie ein Smartphone).

Sehr hilfreich wäre auch ein Link auf eine entsprechende Seite und ggf. Eine Schritt für Schritt Anleitung, was ich dann tun muss um das Problem sichtbar zu machen. Nur so können wir das ggf. gut reproduzieren.

Okay ich schaue mal wie ich es optimal darstelle.. dauert aber etwas... Ich werde ein Screenvideo machen ... das ist das leichteste.

P.S. Auf Handy habe ich das auch getestet, weil sich Kunden beschwerten. Ich habe deren Layouts bereits umgestellt; bis der Fehler behoben ist.

Ich werde das am Beispiel von digitaleronlineshop.de machen. Ich habe das noch nicht nach dem Update hochgeladen... Online ist noch Version 16.2. Da passt alles.

VG

Zitat von Stefan S

Vielen Dank. Ich müsste noch wissen, was/wo Sie genau scrollen. Scrollen Sie das aufgeklappte mobile Menü (das ggf höher als die Seite ist), oder Scrollen Sie die Inhalte der Seite, und wenn ja, wird die Darstellung dann nach dem Scroll falsch oder erst nach einem Seitenwechsel…?

AUCH GANZ WICHTIG: testen Sie das auch auf einem wirklichen Smartphone oder nur in der Responsive Vorschau des Browsers (das wäre falsch, der verhält sich nicht 100%ig wie ein Smartphone).

Sehr hilfreich wäre auch ein Link auf eine entsprechende Seite und ggf. Eine Schritt für Schritt Anleitung, was ich dann tun muss um das Problem sichtbar zu machen. Nur so können wir das ggf. gut reproduzieren.

Grüß Gott,

die folgenden zwei Links sind zwei Videos, a) Desktop Vorschau Zeta Producer in mobiler Ansicht und b) online Website mit iPhone.

Dort sieht man ganz klar das Verhalten meiner obigen Beschreibungen. Das ist bei allen Campfire Layouts seit 16.4. Bold scheint ebenso ein Campfire Layout zu sein. Dort bricht das Menü aber senkrecht und nicht waagerecht aus.

Video A) https://www.deerbrands.com/media/campfire.mp4

Video B) https://www.deerbrands.com/media/campfire-iphone.mov

VG

Alles gut tut mir leid!

Zitat von Stefan S

@DEERBRANDS ich würde mich über Feedback, ob das Online-Update den Fehler nun behoben hat (und keine neuen Fehler mitgebracht hat), sehr freuen.

Grüß Gott,

es scheint alles in Ordnung zu sein. Das passiert nur noch in der mobilen ZP-Vorschau Ansicht (wenn man auf das Logo klickt), aber nicht mehr direkt online auf dem Handy, sowie im mobilen Menü; bzw. es bricht zwar "kurz" für ca. 0,5 Sekunden auseinander, wird dann aber unterdrückt und sofort wieder richtig dargestellt.

Schonmal viel wert. Ob das andere stört weiß ich net... Wenn die Menüleiste im Layout mit scrollt, bekommt man nichts mit. Wenn sie fixiert ist, sieht man das Verhalten natürlich. Im Video können Sie das gut sehen: https://www.deerbrands.com/media/campfire-neu.MP4

VG