Skip Navigation

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

Problem:
If you're experiencing an incorrect display of the language switcher on the mobile version of your site, where language names appear in the '+' column of the menu, this might be due to the theme CSS overriding the WPML plugin CSS.
Solution:
We recommend you try adding the following CSS in the custom CSS section of your theme:

@media(max-width: 1024px){<br />.wpml-ls-item a span {<br />    position: static !important;<br />}<br />}

This should help resolve the issue by ensuring the WPML plugin CSS is applied correctly.

If this solution does not work for you, or seems outdated, 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. If the issue persists, please open a new support ticket 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 akmaljonU 3 days, 23 hours ago.

Assisted by: Noman.

Author Posts
February 24, 2025 at 10:12 am #16740014

akmaljonU

Background of the issue:
I am trying to fix the incorrect display of the language switcher on the mobile version of my site, hidden link.

Symptoms:
The language switcher is being displayed incorrectly on the mobile version. Language names are appearing in the '+' column of the menu.

Questions:
Is it possible to fix displaying issue of language switcher on mobile verison?

February 24, 2025 at 12:35 pm #16740970

Noman
Supporter

Languages: English (English )

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

Hi,

Thank you for contacting WPML Support. I’ve examined the source of the page and it seems the theme CSS overrides the WPML plugin CSS that’s why CSS is not being applied properly as you can see in the attached screenshots.

Can you please try to add the below CSS:

@media(max-width: 1024px){
.wpml-ls-item a span {
    position: static !important;
}
}

In the custom CSS section of your theme and see if this resolves the issue.

Thank you

lang switch mobile.jpg
February 24, 2025 at 2:06 pm #16741491

akmaljonU

Thank you Noman for competent support.