Navigation überspringen

Dieses Thema ist gelöst. Hier finden Sie eine Beschreibung des Problems und der Lösung.

Problem:
The client added a floating language switcher to their website following the WPML documentation, but it was not functioning correctly on mobile devices. The switcher was not clickable and would hide behind texts and images when scrolling, except when at the bottom of the page.
Solution:
We recommended adding the following custom CSS to the theme to fix the issue:

.wpml-floating-language-switcher {
    z-index: 999 !important;
}

This CSS should be added to the custom CSS section of the theme to ensure the floating language switcher remains clickable and visible above other elements on mobile devices.

If you're experiencing this issue, we recommend you try the solution above. However, please note that the solution might be irrelevant if it's outdated or not applicable to your case. We highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please do not hesitate to open a new support ticket with us.

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.

Schlagwörter: 

Dieses Thema enthält 1 Antwort, hat 2 Stimmen.

Zuletzt aktualisiert von Noman Vor 1 Jahr, 2 Monaten.

Assistiert von: Noman.

Autor Beiträge
April 3, 2024 um 12:10 pm #15478037

max-janH

Hello there,

I added a floating language switch exactly as described in this documentation:

https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/custom-language-switcher/

The switches works great on desktop browser, but is not working properly on responsive browsers. The switch is not clickable and when scrolling it hides behind texts and images.

The only time it works in mobile devices is when scrolling to the end of the page and the switcher is in the footer are.

you can se it here: versteckter Link

April 3, 2024 um 12:35 pm #15478394

Noman
WPML-Unterstützer seit 06/2016

Sprachen: Englisch (English )

Zeitzone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. You should be able to fix this issue by adding the below CSS:

.wpml-floating-language-switcher {
    z-index: 999 !important;
}

In the custom CSS section of your theme and it will look as in the attached screenshot.

Please let me know if this resolves your issue or if you need further assistance.

Thank you

language switcher - before.png
language switcher - after.png
April 3, 2024 um 12:49 pm #15478474

max-janH

Thank you for your swift reply. That solved the issue and the switch is working perfectly!