Tell us what you are trying to do?
I am trying to configure the language switcher in the main menu to display the flags only in a drop down. The drop down works, but the popup switcher is too wide (I suppose space normally used for language name).
Is there any documentation that you are following?
Yes, I followed the instructions on how to configure the language switcher in the menu bar, and I have used the appropriate settings.
Thank you for contacting WPML Support. Usually, the language switcher dropdown takes formatting from the current theme, I have tried to visit your site but it seems the Maintenance mode is On so I can’t see the cause of this issue on your site.
If still the issue persists, please disable the maintenance mode for a while and let me know so that I can check which CSS is causing this issue and how to override it.
Please let me know if this resolves your issue or if you need further assistance with this issue.
Thanks for trying the custom CSS. Could you please disable the coming soon mode for a while so that I can examine the source code of the language switcher and help you in the right direction?
Or please provide temporary access (WP-Admin and FTP Login info) to your site (preferably staging site), so that I can look into your setup and debug the issue.
Your next answer will be private which means only you and I have access to it.
=== Please backup your database and website ===
✙ I would additionally need your permission to deactivate and reactivate Plugins and the Theme and to change configurations on the site. This is also a reason the backup is really important.
Thanks for providing the login details. I have noticed that the language switcher dropdown was taking width from the Elementor CSS that has set the width as 280px. I changed it to 60px and added the small CSS code in WPML >> Languages > Additional CSS section:
.wpml-ls-item ul.the7-e-sub-nav.horizontal-sub-nav {
width: 60px! important;
min-width: auto !important;
}
And now it looks as in the attached screenshot. Could you please check and confirm?
Please understand that I'm helping you here with an issue that is out of the scope of our support forum and we will not be able to support this particular fix in the future. Because the theme or our code might have changed, so please always be aware of this. Right now it's working without any issue.
