dimitriosK-2

Problem:
The client wants to customize the menu language switcher and the custom language switcher on the homepage to make the background transparent and adjust the gap between flags.
Solution:
To customize the language switcher style, we recommend adding the following CSS to the custom CSS section of your theme:

.wpml-ls-statics-shortcode_actions {<br />    width: auto !important;<br />}<br /><br />.wpml-ls-statics-shortcode_actions ul {<br />    margin: 0 !important;<br />    border: none !important;<br />}<br /><br />.wpml-ls-legacy-dropdown-click a {<br />    border: none !important;<br />    background-color: transparent !important;<br />}<br /><br />.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {<br />    border: none !important;<br />}<br /><br />.wpml-ls-item .qodef-drop-down-second,<br />.wpml-ls-item .sub-menu {<br />    background: transparent !important;<br />}

For more details on customizing the language switcher, visit how to fix styling and CSS issues for the language switchers.
To reduce the gap between flags, add this CSS:

.wpml-ls-item .qodef-drop-down-second {<br />    margin-top: -50px !important;<br />}

Adjust the '50px' to fit your needs.

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 further assistance is needed, please open a new support ticket at WPML support forum.