Floating language switcher not clickable

This thread is resolved. Here is a description of the problem and solution.

Problem:
The floating language switcher set up following the WPML documentation is not clickable.
Solution:
We recommend increasing the z-index value of the "wpml-floating-language-switcher" CSS selector to 9999 to ensure it appears above other page elements. You can add the following CSS to the custom CSS section of your theme:

.wpml-floating-language-switcher{<br />z-index:9999 !important;<br />}

This adjustment should make the language switcher clickable. If this solution does not resolve your issue, or if it seems outdated or irrelevant to your case, please check the related known issues and confirm that you have installed the latest versions of themes and plugins. If the problem persists, we highly recommend opening a new support ticket with us for further assistance.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Exception

This topic contains 1 reply, has 0 voices.

Last updated by stephanoF 1 day, 13 hours ago.

Assisted by: Noman.

Author	Posts
February 22, 2025 at 4:20 pm #16736595
stephanoF	Background of the issue: I followed this guideline and set up a floating language switcher: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/custom-language-switcher/. I expected to see a switcher that works properly. Symptoms: Unfortunately, this switcher isn´t clickable. So it does not work. Instead, I got a switcher that´s not clickable. Questions: Why is the floating language switcher not clickable? How can I make the language switcher work properly?
February 23, 2025 at 8:55 am #16737405
Noman Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)	Hi, Thank you for contacting WPML Support. You should be able to fix it by increasing the z-index value of the “wpml-floating-language-switcher” CSS selector, it should be 9999 instead of 999 based on the other elements of the page, or just add the below CSS in the custom CSS section of the theme to override the previous CSS: .wpml-floating-language-switcher{ z-index:9999 !important; } I hope it will solve the issue. Please let me know the results, Thank you
February 23, 2025 at 9:55 am #16737601
stephanoF	Increasing the z-index to 9999 fixed the issue. Noman, thank you so much! 🙂