Dimitrios Vasileiou

Problem:
The client changed the language flags to a dropdown on their site, resulting in the dropdown's background being transparent and overlapping with the text. The client asked how to add a white background to this dropdown.
Solution:
We recommended adding specific CSS to the custom CSS section of the theme to resolve the issue. To add a white background to the language switcher dropdown, use the following CSS:

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {<br />    background: #fff !important;<br />}

If the client also needs to add a white background to the active language, they should use this additional CSS along with the above:

.wpml-ls-statics-shortcode_actions {<br />    background-color: #fff;<br />}

After applying the CSS, it's important to clear all types of site, server, and CDN caches. For more detailed instructions and troubleshooting, visit the documentation on how to fix styling and CSS issues for the language switchers.

If this solution does not apply to your case, or if it seems outdated, 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 issues persist, please open a new support ticket.