Skip Navigation

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

Problem:
You are unable to see the language switcher icon on the mobile version of the WordPress admin dashboard, which prevents you from toggling between different languages.
Solution:
We recommend adding specific CSS to ensure the language switcher icon appears on mobile devices. You can do this by navigating to WPML → Languages → Language switcher options, and then expanding the Additional CSS section. Here, insert the following code:

@media screen and (max-width: 782px) {
  #wp-toolbar #wp-admin-bar-WPML_ALS {
    display: block;
  }
}

Please make sure to back up your database before applying these changes.

If this solution does not resolve your issue, or if it seems outdated or irrelevant to your specific 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. If needed, please do not hesitate to open a new support ticket at WPML support forum for further assistance.

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 3 replies, has 2 voices.

Last updated by Andrey 9 months, 2 weeks ago.

Assisted by: Andrey.

Author Posts
September 22, 2024 at 4:34 pm #16206476

joshuaH-8

Background of the issue:
I usually access the WordPress admin dashboard from my cell phone and toggle between different languages using the language switcher.

Symptoms:
The language switcher icon has disappeared from the admin dashboard on mobile, and I am unable to toggle between languages.

Questions:
Why has the language switcher icon disappeared from the admin dashboard on mobile?
How can I restore the language switcher icon in the admin dashboard on mobile?

September 22, 2024 at 7:26 pm #16206808

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

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

Thank you for contacting WPML support.

That is the expected behavior for the mobile. However, you can try adding something like this to WPML → Settings → Language switcher options and expand Additional CSS:

@media screen and (max-width: 782px) {
  #wp-toolbar #wp-admin-bar-WPML_ALS {
    display: block;
  }
}

Remember backup your database before making any changes.

September 23, 2024 at 1:59 pm #16210196

joshuaH-8

I didn't see Language switcher options and expand Additional CSS in the WPML Settings. So I pasted the code in Divi's theme options CSS. It has not taken effect though and we are still not able to see the language switcher in the backend on mobile.

September 23, 2024 at 4:35 pm #16210996

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

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

I apologize, I meant to add it to WPML → Languages → Language switcher options.

September 23, 2024 at 6:45 pm #16211466

joshuaH-8

Thanks, it works