Problem: The client is using WPML 4.7.4 with The 7 theme Version: 12.5.0 on a WordPress site version 6.8.1 and is facing styling and CSS issues with the language switchers. The client tried using the documentation but could not achieve the desired result of displaying only the flag without text next to it in the language switcher. Solution: We recommended adding specific CSS to the custom CSS section of the theme to address the issue. Here is the CSS code we provided:
/* Language switcher dropdown style fix */<br />.wpml-ls-item ul.sub-nav {<br /> width: auto !important;<br /> background: transparent !important;<br /> box-shadow: none !important;<br />}<br /><br />/* Remove hover blue color from flag */<br />.wpml-ls-item ul.sub-nav li:hover a {<br /> background: transparent !important;<br />}
This code should help in displaying only the flag without any text next to it and remove any unwanted hover effects.
If this solution does not resolve your issue or seems outdated, we 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 further assistance is needed, please open a new support ticket at WPML support forum.
