Sauter la navigation

Ce sujet est résolu. Voici une description du problème et de la solution.

Problem:
The client was experiencing an issue where the language switcher in the header was not responsive on mobile devices, but only from the home page. The problem was consistent across all four languages.

Solution:
We identified that the section following the language switcher had a higher z-index, causing the language switcher to fall behind it and become unclickable on mobile devices. To fix this, we advised the client to:
1. Access the Header template in the Elementor editor.
2. Assign a

z-index

value of '1' to the section containing the language switcher shortcode.
Additionally, we provided the following CSS to apply:

.elementor-widget-wpml-language-switcher {<br />    z-index: 1 !important;<br />}

If this solution does not apply to your situation, or if it seems outdated, we recommend opening a new support ticket. We also highly suggest checking the related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If you need further assistance, please visit our support forum.

Il s'agit du forum d'assistance technique de WPML, le plug-in multilingue pour WordPress.

Il est accessible à tous, toutefois seuls les clients de WPML peuvent y publier leurs messages. L'équipe du WPML répond sur le forum 6 jours par semaine, 22 heures par jour.

Marqué : 

Ce sujet contient 1 réponse, a 2 voix.

Dernière mise à jour par Prosenjit Barman Il y a 8 mois.

Assisté par: Prosenjit Barman.

Auteur Articles
mars 20, 2024 à 8:57 pm #15433830

Patrick

Hello

I noticed an issue with the language switcher; pretty annoying 🙁
The language switcher in the header does not react on mobile device, but only from the home page. I checked some other pages: no issue. Same issue for all the four languages.

Thank you for your help.

Kind regards
Patrick

mars 21, 2024 à 11:57 am #15436120

Prosenjit Barman
Supporter

Les langues: Anglais (English )

Fuseau horaire: Asia/Dhaka (GMT+06:00)

Hello Patrick,
I hope you're doing well.

After reviewing the language switcher on a mobile device, I've identified the problem. The section after the language switcher, or where the body content begins, has a higher z-index than the language switcher widget. Consequently, the language switcher goes behind this section, making it inaccessible for selection on mobile devices.

To resolve the issue, access the Header template in the Elementor editor and assign a `z-index` value of '1' to the section containing the language switcher shortcode. The following CSS should also help in solving the problem.

.elementor-widget-wpml-language-switcher {
    z-index: 1 !important;
}

Let me know if the information above helps or if you need further assistance in this matter. I will be happy to help.

Best regards,
Prosenjit

mars 21, 2024 à 9:49 pm #15438403

Patrick

Fast and efficient support as always 🙂