Flagge in Mobilversion kleiner

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.

Dieses Thema wurde abgetrennt von https://wpml.org/de/forums/topic/die-en-site-laedt-nicht-mehr-aber-nur-die-mainpage-die-unterseiten-werden-alle-geladen/

Schlagwörter: Documentation request

Dieses Thema enthält 20, hat 0 Stimmen.

Zuletzt aktualisiert von AYRF Vor 1 Monat.

Assistiert von: Marcel.

Autor	Beiträge
Juli 16, 2026 um 7:18 #18161011
AYRF	Es war in RankMath eine Weiterleitung auf sich selbst eingerichtet...woher die kommt, weiß ich nicht. Jetzt geht es aber wieder. Habe aber bitte noch eine weitere Frage zur WPML Language Flag: diese ist in der mobilen Version kleiner als in der Websiteversion; wie kann ich die Größe der Mobilen-Flag ändern?
Juli 16, 2026 um 14:17 #18162380
Marcel	Hallo, ich kann das Problem nicht nachstellen. In beiden Ausgaben wird es mit 18x12px ausgeben. <img width="18" height="12" class="wpml-ls-flag" src="<em><u>versteckter Link</u></em>" alt="" loading="lazy"> Sie finden eine Beschreibung bezüglich der Größe hier: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/custom-language-flags/#adjusting-the-flag-size. Viele Grüße Marcel
Juli 17, 2026 um 12:37 #18163857
AYRF	Lieber Marcel, danke für Deine Rückmeldung; in WPML habe ich eine andere Größe vorgegeben, siehe Screenshot. Dazu ist die en-Flag im Browser des Laptops manchmal in der richtigen Größe, aber dann doch oft auch in der kleinen Version. In der mobilen Version ist es immer die kleiner Version. Frage 2: kannst Du mir helfen zwischen der Flag und der current-language etwasmehr space einzubauen? Die hängen schon eng aneinander. Lieben Gruß, Chris.
Juli 17, 2026 um 13:43 #18164085
Marcel	Hallo, die Flagge wird weiterhin in der Größe 18 × 12 px ausgegeben. Bitte beachten Sie jedoch, dass die Darstellung durch das Styling Ihres Themes beeinflusst wird. Falls die Größe oder der Abstand nicht wie gewünscht dargestellt werden, prüfen Sie bitte die entsprechenden CSS-Regeln Ihres Themes bzw. Ihres Child-Themes. Der Abstand zwischen Flagge und Sprachbezeichnung wird ebenfalls vom Theme gesteuert. Sie können diesen für den mobilen Breakpoint beispielsweise mit folgendem CSS in Ihrem Child-Theme anpassen: /* Mobile menu: add spacing between WPML flag and language name */ .fusion-mobile-nav-holder .wpml-ls-flag { margin-right: 6px; } Passen Sie den Wert bei Bedarf entsprechend an. Viele Grüße Marcel
Juli 18, 2026 um 9:10 #18164873
AYRF	Danke, ich füge dieses CSS in das AVADA Theme ein oder bei WPML? In der Frontend-Ansicht wird die Flag größer dargestellt, für die Besucher der Seite (Laptop oder mobile Version) jedoch in klein; wie kann ich das ändern? Ich würde gerne in alle Ansichten die in WPML eingegebene Größe verwenden? Wie kann ich AVADA sagen ,dass es diese Größe nutzen soll und nicht blocken soll? Dein CSS Schnipsel funktioniert für den Abstand; gibt es den Schnipsel auch für die anderen Ansichten, damit ich bei den anderen Ansichten auch den Abstand anpassen kann? Wie bekomme ich es hin, dass die Flag immer in der größeren Variante angezeigt wird? Danke.
Juli 18, 2026 um 9:14 #18164888
AYRF	Gemini hat mir den Schnipsel erstellt, der funktioniert: /* Desktop main menu: add spacing between WPML flag and language name */ .fusion-main-menu .wpml-ls-flag { margin-right: 8px; } Jetzt ist noch die Frage offen, wie man es hinbekommt, dass immer die Größe der Falg angezeigt wird, die ich im WPML eingestellt habe?
Juli 21, 2026 um 6:52 #18168137
Marcel	Hallo, wie beschrieben, können Sie den CSS-Code direkt in Ihrem Child-Theme oder alternativ unter Avada → Optionen → Custom CSS einfügen. In der Frontend-Ansicht wird die Flag größer dargestellt, für die Besucher der Seite (Laptop oder mobile Version) jedoch in klein; wie kann ich das ändern? Wenn ich mir den Quellcode Ihrer Seite ansehe, wird die Flagge weiterhin mit 18 × 12 px ausgegeben. Die in WPML konfigurierte Größe scheint daher aktuell nicht übernommen zu werden. Leeren Sie bitte anschließend alle Caches (Theme-, Plugin-, Server- und Browser-Cache) sowie jenes uner WPML -> Support -> Troubleshooting: https://wpml.org/documentation/support/wpml-troubleshooting-options/#troubleshooting-wpml. Sollte die Flagge danach weiterhin mit 18 × 12 px im HTML ausgegeben werden, obwohl in WPML eine andere Größe gespeichert ist, teilen Sie uns dies bitte mit. In diesem Fall würden wir uns die WPML-Konfiguration genauer ansehen und dies ggf. mit einem anderen Theme zum Vergleich testen (auf einer Staging-Umgebung). Unabhängig davon kann AVADA die endgültige Darstellung zusätzlich per CSS beeinflussen. Am besten definieren Sie daher in AVADA bzw. Ihrem Child-Theme eigene CSS-Regeln für die gewünschte Größe. So stellen Sie sicher, dass die Flaggen unabhängig von der jeweiligen Ansicht immer in der gewünschten Größe angezeigt werden. Dein CSS-Schnipsel funktioniert für den Abstand; gibt es den Schnipsel auch für die anderen Ansichten, damit ich bei den anderen Ansichten auch den Abstand anpassen kann? Diese CSS-Regeln müssen individuell erstellt werden. Es gibt hierfür keine allgemeine Lösung, die mit jedem Theme und dessen Anpassungen automatisch funktioniert. Da AVADA für die verschiedenen Menüs unterschiedliche CSS-Klassen verwendet, benötigen Sie jeweils einen passenden CSS-Selektor für den entsprechenden Menütyp. Da die Darstellung und die verwendeten CSS-Klassen vollständig vom Theme abhängen, können wir hierfür leider keinen allgemeinen WPML-Code bereitstellen. Am besten wenden Sie sich hierzu an den AVADA-Support, da dieser Ihnen die passenden CSS-Selektoren für die jeweiligen Menübereiche nennen kann. Alternativ können Sie auch einen Freelancer mit der Umsetzung beauftragen, da unsere Support Policy kein Custom Coding umfasst. Viele Grüße Marcel
Juli 24, 2026 um 8:35 #18174936
AYRF	Lieber Marcel, es wird auf allen Geräten die 18x12 angezeigt, obwohl ich im WPML 30x24 eingegeben habe. Das Ganze mit dem CSS und so, ist mir an dieser Stelle tatsächlich etwas zu kompliziert, da ich ein autodidaktischer Laie bin :-). Wie können wir da nun weitermachen? Und: warum werden mir keine Benachrichtigungen gesendet, wenn Du mir antwortest? Lieben Gruß, Chris.
Juli 24, 2026 um 8:46 #18174988
AYRF	Das ist der CSS Code, den ich aktuell im Avada CSS Feld habe: /* Mobile menu: add spacing between WPML flag and language name / .fusion-mobile-nav-holder .wpml-ls-flag { margin-right: 10px; } / Desktop main menu: add spacing between WPML flag and language name */ .fusion-main-menu .wpml-ls-flag { margin-right: 8px; } ------------------------- Im Frontend wird die Flag in 30x24 angezeigt. Aber den Usern auf der Webseite oder in der mobilen Version bleibt es klein.
Juli 24, 2026 um 16:15 #18175940
Marcel	Hallo Chris, bitte stellen Sie eine Duplicator-Kopie oder eine Staging-Umgebung der Website bereit, damit wir das Verhalten auch ohne das Avada-Theme testen können. Aktuell scheint der Wert durch das Theme überschrieben oder aus einem Cache geladen zu werden. Die Benachrichtigungen können Sie oben rechts über Ihr Benutzerprofil verwalten. Viele Grüße Marcel
Juli 28, 2026 um 12:16 #18181385
Marcel	Hallo Chris, das Duplicator-Plugin ist eine Möglichkeit, eine vollständige Kopie Ihrer Website zu erstellen, damit ich diese lokal installieren kann. So kann ich alle Tests in einer sicheren Umgebung durchführen, ohne Ihre Live-Website zu beeinträchtigen oder versehentlich Änderungen daran vorzunehmen. Wenn Sie damit einverstanden sind, installiere ich dafür das Duplicator-Plugin (alternativ All-in-One WP Migration) und erstelle die Kopie selbst. Viele Grüße Marcel
Juli 29, 2026 um 10:21 #18183063
AYRF	Klar bin ich einverstanden 🙂 Die Mitteilung, dass ich eine neue Nachricht von Dir bekommen habe funktioniert weiterhin nicht. Woran kann das liegen? Soll ich den Zugang verlängern? Chris
Juli 31, 2026 um 10:05 #18186922
Marcel	Hallo Chris, WPML verursacht hier keinen Fehler. Das HTML wird wie erwartet mit width="30" und height="24" generiert. Das Problem tritt auch ausgeloggt in der Desktop-Version auf. Daher handelt es sich um ein Caching-Problem, auf das WPML leider keinen Einfluss hat. In diesem Fall müssten Sie sich an Ihren Hosting-Provider wenden. Ich habe bereits sowohl den WPML-Cache als auch den Avada-Cache geleert. Lokal lässt sich das Problem jedoch nicht reproduzieren, dort tritt es auch ausgeloggt nicht auf. Viele Grüße Marcel
August 3, 2026 um 11:27 #18189969
AYRF	Lieber Marcel, ich meine mich zu erinnern, dass es schon einmal ein Problem gab und man mich an den Provider verwiesen hatte...ich wende mich an den Provider und melde mich hier wieder. Viele Grüße, Christian Braun.
August 3, 2026 um 16:01 #18190549
AYRF	Lieber Marcel, kann es am CDN (WP-Rocket) liegen? Und wenn ja, wie kann ich das beheben? Die Antwort vom Provider: Sehr geehrter Herr Braun, vielen Dank für Ihre Nachricht. Nach Ihrer Schilderung wurden bereits der WPML- sowie der Avada-Cache geleert. Beide Komponenten liegen jedoch innerhalb Ihrer WordPress-Installation und werden nicht von unserer Hosting-Plattform bereitgestellt oder verwaltet. Auf unseren Webhosting-Servern erfolgt keine serverseitige Veränderung oder Zwischenspeicherung der von WordPress erzeugten HTML-Ausgabe. Wir greifen weder in die Ausgabe von WPML noch von Avada ein. Ein serverseitiges Caching, welches die Darstellung der Sprachflaggen beeinflussen könnte, findet unsererseits daher nicht statt. Da das verwendete Caching vollständig innerhalb Ihrer WordPress-Installation bzw. durch die eingesetzten Plugins oder ein eventuell vorgeschaltetes CDN erfolgt, liegt die weitere Analyse und Fehlerbehebung leider außerhalb unseres Supportumfangs. Wir empfehlen daher, die Angelegenheit nochmals mit dem Hersteller der eingesetzten Plugins bzw. des Themes zu klären oder testweise sämtliche innerhalb von WordPress eingesetzten Cache-Mechanismen (einschließlich eines eventuell verwendeten CDN wie Cloudflare) vollständig zu deaktivieren und das Verhalten anschließend erneut zu prüfen.