[Resolved] Problems with displaying languages in the header custom space
This thread is resolved. Here is a description of the problem and solution.
Problem: The client is experiencing issues with displaying the WPML language switcher in a custom header space created with Elementor and the Saasive theme. Solution: 1. Edit Your Header Template with Elementor: Access your WordPress admin, navigate to Templates → Theme Builder, and edit your header with Elementor. 2. Add the WPML Language Switcher Widget: In the Elementor editor, search for the WPML Language Switcher widget and add it to your header. 3. Customize and Publish: Customize the appearance of the language switcher and publish the changes. 4. Translate the Header: Ensure the header template is translated for all languages using WPML’s Translation Dashboard. 5. If the issue persists, consider adding the language switcher to the main menu for better visibility across all devices. You can manage this in WPML -> Languages -> Menu language switcher. 6. Adjust the style of the language switcher using CSS at WPML -> Languages -> Language switcher options -> Additional CSS.
If this solution does not resolve your issue, or if it seems outdated or irrelevant to your specific case, please open a new support ticket. We also 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. For further assistance, you can contact us directly at WPML support forum.
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.
Thanks for contacting WPML forums support. I'll be glad to help you today.
You can add the language switcher using the shortcode in this location using the shortcode Elementor widget. Kindly check this guide to know more about adding switchers using shortcode.
Thanks for the instructions, but it doesn't work. It's a new theme, and I'm assuming the author will again claim it's 100% compatible with WPML, but in reality, it's definitely not compatible. It's always the same theme with these same authors.
Send me a private message, and I'll send you my login details.
1) I added the language switcher via shortcode, but it doesn't display correctly on the front end. (Kindly check this hidden link">screenshot)
Please let me know if you use any custom CCS for the header.
If not, please install your theme on this hidden link">Sandbox site and replicate the issue.
If the issue is replicable, please let me know, so I can check it and consult our compatibility team.
2) We try to keep one issue per ticket in our forum. Continuing with one ticket per issue helps supporters focus on a single issue at a time and enables other users to find solutions to their questions faster.
Therefore, I've split the other issue and created a new ticket for this issue.
Thanks for uploading the theme to the sandbox site. I added the language switcher to the header, and it appeared as expected. Please check this hidden link">page.
However, the flag doesn't appear on your site, so please deactivate all plugins except the active ones in the sandbox, and check the language switcher.
It's displayed, but incorrect. Sorry, what kind of garbage is this?!
Center and only flags are displayed. I'd like to see something like what you've done. Our goal isn't garbage in the header, but a professional appearance.
Hello,
My name is Carlos, and I will continue working on this ticket
As you can see in hidden link the language switcher is appearing correctly now. The difference between what my colleague correctly implemented in the sandbox site and your site is the element used to show the language switcher.
In this link, you can see the shortcode used to display the language switcher correctly: hidden link
In order to display the language switcher in the rest of the headers, you need to change the shortcode in the other headers and then update the headers in WPML -> Translation Dashboard.
