Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
You have configured WPML and set a size for the flags of other countries. The base language flag appears fine, but the flags of the other languages are too big, affecting both desktop and mobile versions.
Solution:
We recommend you go to your site's backend > Appearance > Customizer > Custom CSS and add the following CSS code:

img.wpml-ls-flag {<br />    width: 18px !important;<br />}

This should make the flags of the other languages the same size as the base language flag.

If this solution does not resolve your issue, or if it seems outdated or irrelevant to your case, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. Additionally, you can open a new support ticket for further assistance at WPML support forum.

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.

Tagged: 

This topic contains 1 reply, has 0 voices.

Last updated by Mihai Apetrei 2 months ago.

Assisted by: Mihai Apetrei.

Author Posts
March 3, 2025 at 2:37 pm #16769531

simonL-29

Background of the issue:
I have configured WPML and set a size for the flags of the other countries. The base language flag is fine, but the flags of the other languages are too big. This issue is present in both the desktop and mobile versions.

Here is a video showing the problem and the configuration:
hidden link.

The issue can be seen on this page: hidden link

Symptoms:
The flags of the other languages are too big, and I can't control the size.

Questions:
How can I make the flags of the other languages the same size as the base language flag?
Why are the flags of the other languages appearing larger than expected?

March 3, 2025 at 3:41 pm #16769868

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

Please go to your site's backend > Appearance > Customizer > Custom CSS > add the following CSS code and save:


img.wpml-ls-flag {
    width: 18px !important;
}

This should fix this.

Please let me know how that goes.

Mihai Apetrei