It seems that there is a plugin or extension called "UberMenu" that is overriding the default WPML language switcher styling. To achieve the look you desire, some custom work will be necessary, which falls outside the scope of our Support Policy. Custom coding can be time-consuming, so I recommend consulting a front-end developer or a WPML contractor for assistance (https://wpml.org/contractors/).
However, I would like to provide you with some guidance.
You can navigate to your site's backend and follow these steps: go to Appearance > Customize > Custom CSS area. There, you can add the following CSS code and save your changes:
This code will reduce the width of the language switcher dropdown.
Please note that the flag within the dropdown will be aligned to the left due to existing custom CSS from the "UberMenu," specifically the setting `.ubermenu-wpml-ls-item .ubermenu-submenu-drop .ubermenu-submenu-align-left_edge_bar` which is set to `left: 0;`.
Additional custom work will be required to reposition the flag to the right and adjust it to your preference.
I am happy to hear that the initial issue is resolved.
Also, regarding the new issue you mentioned in the last reply (related to automatic translation), please note that, per our Support Policy, we can handle only one problem per ticket.
Continuing with one issue per ticket helps supporters focus on one problem at once and enables other users to find solutions to their questions faster.
