Problem: If you're experiencing issues with the language switcher not being centered in the menu and the flag and country name not aligning when you drop down to choose another language, Solution: We recommend you try adding the following custom CSS code to your site. You can insert this code by navigating to WP > Appearance > Customize > Additional CSS:
Please note that this 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 issue persists, please open a new support ticket.
Problem: The client reported that the WPML language switcher was not correctly positioned in the middle of the menu, and hovering over the flags displayed code instead of the expected behavior. Despite deactivating all third-party plugins one by one, the issue persisted. Solution: We suggested a workaround involving a code modification. The client needed to open the
files. Additionally, we recommended contacting the theme author to join our Go-Global program to ensure full compatibility with WPML.
If this solution does not resolve your issue, or if it seems outdated or irrelevant to your case, please check related known issues at https://wpml.org/known-issues/, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. We highly recommend opening a new support ticket for further assistance at WPML support forum.
Problem: The client reported that the language switcher was not displaying correctly on their website's menu. Specifically, the switcher was not centered, and hovering over the flags displayed code instead of the expected flag and country name. Solution: We advised the client to check if the content on their pages was fully translated and published. Unpublished translations could cause the language switcher to display incorrectly. We recommended checking the WordPress 'Pages' section in the backend to see the status of translations. If a pencil icon is visible, the translation is published. An eye icon indicates the translation needs review, a gear icon suggests the translation is not saved, and a circled arrows sync icon means the translation needs to be updated due to changes in the main language.
If you're experiencing similar issues with your language switcher, we recommend following these steps to ensure all translations are complete and published. If the problem persists, it might be due to an outdated solution or a different issue. 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 these steps do not resolve the issue, please open a new support ticket at WPML support forum for further assistance.
Problem: The client wanted to resize the flag in the menu language switcher to 8x12px and was unable to change languages using the menu language switcher. Solution: We advised the client to add custom CSS to resize the flag. The client can insert the following CSS code in the site's backend under Appearance > Customizer > Custom CSS:
img.wpml-ls-flag {max-width: 20px !important;}
This code allows the client to adjust the flag size as needed. For further customization without CSS, we provided documentation links:
Regarding the issue of the language switcher not allowing language changes, we created a separate support ticket to address this specific problem.
Please note that the solution provided might be 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 issue persists, please open a new support ticket.
