Skip Navigation

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

Problem: I am trying to: fix the language switcher on my top bar. China flag is not displaying

Solution: The cause of the issue was that the link to the flag was incorrect, so I downloaded the flag and uploaded again as a custom flag in WPML -> Languages -> Edit Languages.

Relevant Documentation:

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.

This topic contains 6 replies, has 3 voices.

Last updated by jasonH-24 2 years, 7 months ago.

Assigned support staff: Carlos Rojas.

Author Posts
April 9, 2019 at 6:45 pm

alexiaS-2

I am trying to: fix the language switcher on my top bar. China flag is not displaying

Link to a page where the issue can be seen: hidden link

I expected to see: Display of all flags

Instead, I got: broken link

April 9, 2019 at 7:02 pm #3570179

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hello,
Thank you for contacting WPML support.

The cause of the issue was that the link to the flag was incorrect, so I downloaded the flag and uploaded again as a custom flag in WPML -> Languages -> Edit Languages.

Could you confirm that the issue is solved?

Kind regards,
Carlos

April 9, 2019 at 7:18 pm #3570261

alexiaS-2

Hi Carlos, thanks so much for fixing the issue. Do you think you can help me center the flags on the top header? I'm not sure if it requires additional CSS.

April 9, 2019 at 7:56 pm #3570459

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi,
I'm glad to hear that the issue is solved 🙂

To center the flags and the weather widget you need to add this CSS in Appearance -> Customize -> Additional CSS:

.td-header-wrap .td-header-top-menu-full .td-header-top-menu{
  text-align: center;
}
.top-bar-style-4 .td-header-sp-top-menu{
  margin: 0 auto;
    float: inherit;
}

Best regards,
Carlos

April 9, 2019 at 8:06 pm #3570483

alexiaS-2

My issue is resolved now. Thank you!

April 9, 2019 at 8:07 pm #3570485

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Please don't hesitate to contact us if you need our help in the future with WPML. We will be more than happy to help.
Best regards,
Carlos

January 26, 2020 at 8:17 am #5364449

jasonH-24

Hello. I'm having the same problem. I added a US flag for EN, and that might have broken something because when I loaded the page next the China flag was broken for simplified and traditional Chinese.

I did the trick where I use a jpg of the China flag, but it is still not showing on most devices and only showing on Google Chrome.

Any suggestions?