Problem: The client is trying to add the French language to their website but is encountering issues with how the flag is displayed in the menu. Solution: We recommend trying to change the flag size in the language switcher options by navigating to WPML > Languages > Menu Language Switcher and clicking the pencil icon. There, the client can find width and height options within the flag section. For guidance, please refer to our documentation on Language Switcher Options.
Regarding the distance between items, this is influenced by the theme or page builder used and its header template. The language switcher in this specific case is contained within a DIV with the ID "hd_language_list". To adjust the margin, the client can add custom CSS at Customizer > Additional CSS or at WPML > Languages > Language switcher options > Additional CSS. For example:
#hd_language_list {margin-right: 15px;}
This code will change the distance between the language switcher and the element to its right side. If this solution does not seem relevant, please open a new support ticket with us.
