[Gelöst] Durch Einsatz von WPML verlängert sich Header und weißer Streifen entsteht
Dieses Thema ist gelöst. Hier finden Sie eine Beschreibung des Problems und der Lösung.
Problem:
Der Kunde versucht, einen weißen Streifen zu entfernen, der erscheint, wenn der WPML Sprachumschalter im Header eingebaut wird. Dies führt dazu, dass auch ein Scrollbalken rechts erscheint.
Lösung:
Wir haben festgestellt, dass das Problem nicht spezifisch für mobile Geräte ist, da es auch auftritt, wenn man das Browser-Fenster verkleinert, um den Mobile Breakpoint zu aktivieren. Der Code für den Aufruf des Menüs ist in beiden Sprachen identisch:
Wenn Sie das gleiche Problem haben, empfehlen wir Ihnen, zu überprüfen, ob das Problem auch auftritt, wenn Sie das Browser-Fenster verkleinern oder ein virtuelles mobiles Gerät im Debugger aktivieren. Sollte dies der Fall sein, überprüfen Sie bitte den Code für den Aufruf des Menüs in beiden Sprachen.
Bitte beachten Sie, dass diese Lösung möglicherweise nicht mehr aktuell oder auf Ihren Fall anwendbar ist. Wir empfehlen Ihnen, die Seite mit bekannten Problemen zu überprüfen, die Version der dauerhaften Lösung zu verifizieren und zu bestätigen, dass Sie die neuesten Versionen von Themes und Plugins installiert haben. Sollte das Problem weiterhin bestehen, zögern Sie nicht, ein neues Support-Ticket zu öffnen. Hier können Sie das tun: WPML-Supportforum.
Dies ist das technische Support-Forum für WPML – das mehrsprachige WordPress-Plugin.
Mitlesen können alle, doch nur WPML-Kunden können hier Fragen veröffentlichen. Das WPML-Team antwortet im Forum an 6 Tagen pro Woche, 22 Stunden am Tag.
am Handy tritt dieses Problem nicht auf aber wir haben es auf verschiedenen Endgeräten (Windows, Mac, sowie Breitbildbildschirmen) ausprobiert und leider tritt es überall auf im Fronted-Modus sowie im Backend.
Der Sprachumschalter erweitert quasi den Header so, dass er über die 100% Bildbreite hinausgeht und ein Scrollbalken nach rechts entsteht.
danke für die Info. Ich kann es am Desktop nicht nachstellen, getestet mit einem Windows Notebook-Screen sowie einem externen 27" Bildschirm. Wie exakt kann ich es reproduzieren? Am Handy waren Sie vermutlich nicht eingeloggt, korrekt? Tritt es ggf. nur für eingeloggte User auf? Testen Sie dies bitte im Inkognito-Modus Ihres Browsers.
Soweit ich sehe, ist nun jedoch ebenso ein "Floating Language Switcher" aktiv.
ich habe den Sprachumsteller per benutzerdefiniertem Css und PHP nun außerhalb des Menüs platziert und konnte somit dieses Problem umgehen, und am Laptop funktioniert es auch einwandfrei nur am Handy funktioniert nun das generelle Menü nicht mehr, es passiert nichts wenn ich draufklicke - gibt es hier eine Lösung?
Ich habe bereits ein Englisches Menü angelegt und alle Anpassungen vorgenommen, ansonsten würde es ja auf dem Laptop ebenfalls nicht funktionieren.
Wenn ich die Seite am Handy aufrufe funktioniert das Menü auch solange ich im Deutschen Modus bin. Sobald ich beim Sprachumschalter auf Englisch klicke wird das Menü komplett blockiert.
ansonsten würde es ja auf dem Laptop ebenfalls nicht funktionieren.
Das kann ich nicht betätigen. Wenn ich das Browser-Fenster verkleinere, damit der Mobile Breakpoint aktiv wird oder auch ein virtuelles mobiles Device im Debugger aktiviere, geht das EN Menü auch am Desktop nicht: versteckter Link
Der Code zeigt für beide Sprachen den identischen Aufruf:
laut diesem Code liegt das Problem an dem Popup das ich verwendet habe. ich habe das Menü richtig angelegt aber ich verwende über Elementor quasi zwei verschiedene Header: 1 Header für Laptop und Widescreen und einen neuen Header mit Popup-Menü (ist das gleiche Menü wie am Laptop) für mobile welcher am Laptop/Widescreen ausgeblendet wird.
