This thread is resolved. Here is a description of the problem and solution.
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.
This is the technical support forum for WPML - the multilingual WordPress plugin.
Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.
Languages: English (English )Spanish (Español )German (Deutsch )
Timezone: America/Lima (GMT-05:00)
Hello,
Do I understand you right, that the WPML language switcher options are not taking effect on your site?
To help you faster, I've enabled a private message for submitting the debug information for this support ticket. Please see this link for how to get this information from your site and give it to us: http://wpml.org/faq/provide-debug-information-faster-support/
Make sure to only use the private reply form in order to provide this information. Please do not paste the debug information directly into a comment on this ticket.
I further have a couple more questions in order to understand a little better what is expected here:
How exactly do you expect the flag to appear?
Would you like it to be bigger or rounded so that it looks equal to the WhatsApp Icon?
How exactly do you expect the flag to appear?
I expect the flag to appear with enough space between
Would you like it to be bigger or rounded so that it looks equal to the WhatsApp Icon?
I would like the icon to be twice or 3 times bigger with enough space between
Languages: English (English )Spanish (Español )German (Deutsch )
Timezone: America/Lima (GMT-05:00)
Hello,
Did you try to change the flag size inside the language switcher options at WPML > Languages > Menu Language Switcher > Action by clicking the pencil icon?
Here you will find width and height options inside the flag section.
The distance between items is not really a WPML topic, as the design of your language switcher depends on the theme or the used page builder and its header template.
In this case, the language switcher is sitting inside a DIV with the ID "hd_language_list".
The CSS for this element looks currently like this:
#hd_language_list {
margin-right: 20px;
}
You can adjust the right margin in order to have it more or fewer pixels by using CSS at Customizer > Additional CSS or for example at WPML > Languages > Language switcher options > Additional CSS.
For example, this would lower the distance between the language switcher and WhatsApp Icon by 5 pixels:
#hd_language_list {
margin-right: 15px;
}
While this CSS would make the distance 5 pixels bigger:
Thank you for your reply.
Now I am having issue with French language .
I added a tour in French language, here is the link hidden link
but is not connected to spanish and english translation, how to make the correct settings so when I click the english or spanish flag, I get the translation of this tour?
New threads created by Andreas W. and linked to this one are listed below:
Languages: English (English )Spanish (Español )German (Deutsch )
Timezone: America/Lima (GMT-05:00)
Hello,
My apologies for the delay in answering, as I do not work on Sundays and Mondays.
I will be glad to assist you further, but please take note that we only handle one issue per ticker. This is why I have opened a new ticket for your latest requests and I will reply there shortly.
Please mark this ticket as resolved, in case you do not need any further assistance for the language switcher design.