Skip Navigation

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

Problem:
The client is experiencing an issue where the language switcher for Chinese does not show up in Google Chrome, but it appears in Safari.
Solution:
If you're experiencing a similar issue where the language switcher is not visible in certain browsers, we recommend adding the following CSS to the custom CSS section of your theme:

header.elementor-section.elementor-top-section.elementor-element.elementor-element-2d5e70c2 {
	z-index: 999 !important;
}

This should resolve the CSS conflict that is causing the language switcher to be invisible in Chrome.

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.

No supporters are available to work today on this forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

This topic contains 1 reply, has 2 voices.

Last updated by Noman 10 months ago.

Assisted by: Noman.

Author Posts
January 18, 2024 at 6:28 am #15197845

yukiS-2

Tell us what you are trying to do?

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

When I browse my website on Google Chrome the language switcher for the second language Chinese does not show, but it appear on Safari. Can help to check what happen?

The link to my site is hidden link

Thank you

January 18, 2024 at 8:12 am #15198426

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. I visited your site and I can see the issue in the Chrome browser.
This issue usually happens due to some CSS conflict on your site and you should be able to fix it by adding the below CSS in the custom CSS section of your theme:

header.elementor-section.elementor-top-section.elementor-element.elementor-element-2d5e70c2 {
	z-index: 999 !important;
}

And it will look as in the attached screenshot.

Please let me know if this resolves your issue or if you need further assistance with this issue.

Thank you

zh-hans switcher.png
en switcher.png