[Resolved] Move the language switcher to the search icon

Problem:
The client needed to reinstate the language option next to the search icon on their website. During the translation process, the entire header was deleted, and although the flags were restored, they were incorrectly positioned and styled.
Solution:
We recommended the client to ensure they have a backup of their site, which can be done using the UpdraftPlus plugin. After confirming the backup, we provided custom CSS to correct the positioning and styling of the language switcher. Here is the CSS code we used:

@media (min-width: 600px) {
  body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a {
    width: 30px!important;
    position: relative!important;
 
}
 
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    top: 62px!important;
}
 
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover {
    color: transparent !important;
}

.sitepress_container > .wpml-ls ul ul li a:hover::after {
background-color: transparent!important;
}
}

If this solution does not resolve your issue, or if it seems outdated or irrelevant 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 further assistance is needed, please open a new support ticket at WPML support forum.