[Resolved] Flag of German translated site is smaller than other flags

Hi,

This ticket has been inactive for quite a while. I didn't get a reply from you. So, I've transformed this chat into a support ticket because you may still need our help. If you do, please reply to this ticket, and one of our supporters will continue helping you.

I assume you mean that the German flag is smaller when German is the selected language. Because other than that, the German flag in the Language Switcher is the same size as the other flags.

This is the custom code you created, and we can only advise because supporting custom code is out of the scope of our support forum.

I can see that the German flag's original size (when the German language is selected) is only 20.33px X 13.55px. Please see the attached screenshot. The other flags are 30px X 20px.

I hope this will help you solve this problem. If not, please share the CSS you added with us.

You wrote: " I have set the size of the flags to 30 x 30 and added some code in the wp.config file to prevent the flags from changing size."

I'm confused because I don't understand how the wp-config.php file is related to CSS issues.
Can you please explain?

Regards,
Itamar.

Hi,

This is a weird case. I was unable to replicate it on my test site. Please see the attached screenshot.

If you need further help with this, please share the access details to your site with me.
I'm enabling a private message for the following reply.

Privacy and Security Policy
We have strict policies regarding privacy and access to your information. Please see:
https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/
**IMPORTANT**
- - Please backup the site files and database before providing us access. --
-- If you have a staging site where the problem can be reproduced, it is better to share access to the staging site.--

Regards,
Itamar.

Hi, Lynette.

Thanks for the access details.

You wrote: "I still do not know how you solved the issue on your test website."

Well, I didn't solve it on my test site. The problem never occurred on my test site.

I removed the following CSS code from the "Additional CSS" section in WPML -> Languages -> Language Switcher Options to investigate this issue.

nav ul[class*="menu"] li.wpml-ls-menu-item ul.sub-menu,
nav ul[class*="menu"] li.wpml-ls-menu-item ul.sub-menu li a {
  width: auto;
  min-width: 30px;
}

The problem also occurs without this CSS code. So, I don't think it affects the Language Switcher.

I've noticed that the problem occurs randomly and with the other flags. Please see my video here.

hidden link

Do you have a staging site where this problem also occurs?

If so, please try the following.

I suspect that there is a collision with the theme or another plugin that might cause this problem. If possible, get your site into a minimum environment, Which means switching to a default WordPress theme like TwentyTwenty-One and having no plugins activated except WPML.

First, you must check if the problem persists when just the theme is switched to TwentyTwenty-One (for example). If it persists, deactivate all plugins except the WPML and its add-ons. Then please check if the problem persists. If it does not persist, start by activating the plugins individually, check when the problem comes back, and then report which plugin was the culprit.

**** Important! Please make a full site backup (files and DB) before you proceed with those steps****


*** If your site is live, you might want to try those procedures in a staging environment or a snapshot of your site on your local server or another server. ***

Regards,
Itamar.

Thanks for the update, Lynette!

Please let us know if you need further help with this issue.

Regards,
Itamar.