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 beantwortet Anfragen im Forum an 6 Tagen pro Woche, 22 Stunden am Tag.

Schlagwörter: 

This topic contains 4 Antworten, has 2 Teilnehmer.

Last updated by Claudio Donati vor 1 Jahr, 4 Monate.

Assigned support staff: Cristina.

Autor Beiträge
Mai 28, 2018 um 9:45 am #2237485

Claudio Donati

Language Flags doesn`t appear in the navigation menu (mobile view)
in The desktop view there are no problems

what can i do?

Mai 28, 2018 um 11:15 am #2238101

Cristina

Hallo Claudio,

I don't see any reason for this.

But as the mobile menus seems to show empty option values in the code for the menu, I think it could be caused by some incompatibility of the way the menu is set for mobile device. The fact that the switchers are added by wpml to the navigation after the menu is added, but the flags are place before the first menu item, maybe the mobile header is retrieving the information differently. So the flags just are not added "in time" to be shown, though the empty space as placeholder is there.

Could you check if the flags appear on mobile if they are set as "last" menu item? In that case, this would be a small problem between this theme and the language switcher.

Kind regards,
Cristina

Mai 29, 2018 um 6:50 am #2243006

Claudio Donati

Danke Christina! mir ist aufgefallen, dass wenn ich die Sprache einblene und nicht die Falgge, wird das im mobilen menü angezeigt, kann man hier die Schriftart kleiner machen, mit css? Z.B so:
De IT EN

Mai 29, 2018 um 9:29 am #2244209

Cristina

Hallo Claudio,

entschuldige die Sprachverwechslung, das merke ich manchmal nicht.

Die Schriftart im Switcher erbt die Schriftart des Navigationsmenüs im Theme. Ich habe kurz das Theme geprüft, aber es gibt nur eine Option, um die Schriftgröße im Menü mit Pixeln zu definieren. Das

Da das gleiche Menü für mobile Geräte und Desktop-Menü benutzt wird, werden die Größen für die Schriften für allen Bildschirmgrößen angewendet, wenn man Pixel nimmt, da die Theme-Optionen absolute Pixelzahlen verwenden. Das Theme nutzt nur eine einzige CSS-Klasse für das nav-menü, und der Stil wird von den Theme-Options übernommen.

Das Gleiche gilt auch für den WPML-Schalter. Was hier definiert wird, gilt sowohl für Desktop als auch für mobile, weil es ein responsive Theme ist, bei dem es keine eigenen Vorlagen für mobile gibt. Wenn etwas verändert wird, erscheint es also an beiden Stellen.

Was jetzt auf einem Handy erscheint, ist das default-Verhalten des mobilen Browsers im Handy. Zwar sieht das mobile Menü in einem Browser-Emulator korrekt aus, aber auf einem echten Handy gibt es wohl ein Problem, so dass hier der mobile Browser die Default-Einstellungen nutzt und das typische Button-Menü für mobile Apps anzeigt.

Das kann man nur mit Änderungen im Theme selbst anders gestalten, aber das würde dann ziemlich in das Theme und das Options-Plugin eingreifen. Es sieht zwar nicht elegant aus, ist aber effektiv als Optionsmenü. Da das Theme-Menü so rudimentär angelegt ist, haben die Flaggen ein Problem, daher ist es wohl besser, die Sprachen mit Texte anzuzeigen.

MfG,
Cristina

Mai 29, 2018 um 1:08 pm #2245999

Claudio Donati

Hallo Christina,

mit folgendem CSS wurde das Problem behoben:

@media (max-width: 767px) {
.nav__primary .sf-menu {
display: block !important;
float: left !important;
}}
@media (max-width: 767px) {
li#menu-item-wpml-ls-34-it, li#menu-item-wpml-ls-34-en {
display: block !important;
}}
@media (max-width: 767px) {
.menu-item {
display: none;
}}
@media (max-width: 767px) {
.nav__primary .sf-menu >li >a {
padding: 10px 10px !important;
}}

DANKE Dir trotzdem!!