I am experiencing a persistent issue with the WPML Language Switcher widget in Elementor that I have been unable to resolve despite multiple attempts.
**Environment:**
- WordPress with Elementor (Theme Builder header template)
- WPML Language Switcher widget placed in the header
- A server-side redirect is active: Dutch-language browsers are automatically redirected to the /nl/ version of the site
**Problem description:**
1. When a visitor lands on the English version of the site and clicks the language switcher to go to Dutch, the two language items swap positions in the switcher (NL moves to the first position, EN moves to the second).
2. After switching to Dutch, clicking the EN option in the switcher does nothing — the page does not navigate to the English version.
Welcome to WPML support. The Language switcher that I see at the top right is not generated by WPML.
Please do as follows:
- Go to WordPress Dashboard> WPML > Languages
- Enable the Custom Language Switcher
- Set the switcher to the way you like.
- Go to the Elementor Template containing the Header.
- Remove the widget you used and instead add a short code widget and use this for the shortcode:
I removed all language switchers and set everything up again using the shortcode option.
I’m noticing the following issues:
• Even when I browse the site in Dutch (NL), there is no proper redirect.
• After selecting NL, it is no longer possible to switch back to EN using the EN button.
I have temporarily deactivated WP Rocket for testing purposes.
I cannot identify where the issue is, because with all switcher types, the language positions keep changing inside the switcher, making it difficult to simply select the correct language.
There is also an issue with the hover color. Although I believe it has been set correctly, it does not work on the live website. Please see the attached screenshot.
If you need access to the website, please let me know.
I hope this issue can be resolved soon after several days of troubleshooting, i still haven’t been able to find a solution.
Thank you for adding the standard way, I will be happy to take a look into this.
I'd appreciate it if you could give me the URL/User/Pass of your WordPress dashboard after you make sure that you have a backup of your website.
It is absolutely important that you give us a guarantee that you have a backup so if something happens you will have a point of restore.
Thank you for the login information. Please watch this video:
hidden link
The problem is the custom CSS code which you added to the Appearance > Customize> Additional CSS option.
Please remove that code, and find out which CSS code overwrites the default code in the header, and fix that.
As you can see, the Footer language switcher works as expected, and as mentioned in the video the HTML code is generated correctly and there is some sort of styling preventing the languages from showing.
