Skip to content Skip to sidebar

Home › Support › English Support › [Resolved] How can I use 2 different language switcher in Desktop and Mobile?

[Resolved] How can I use 2 different language switcher in Desktop and Mobile?

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 1 reply, has 2 voices.

Last updated by Bruno Kos 4 years, 9 months ago.

Author Posts
October 2, 2020 at 5:20 pm #7152963

miaoS

Tell us what you are trying to do?
I have 3 languages in my website, currently have the layout of the language switchers as in the attached image.

In Desktop and Tablet view I have horizontal language switchers, I'd like to change the mobile view from the current setup to a dropdown list, which should only show one language in the view and when clicked shows the other options in the dropdown list.

I'm using the "WPML Language Switcher" widget in my header made with Elementor.
There's no much option to configure it, and it seems I can only use one custom language switcher. If I change the custom language switcher in WPML -> Language settings, the layout of Desktop and Tablet will also change. What I want is to have the Desktop and Tablet as it is, and only change the language switcher in mobile view.

Is there a similar example that we can see?

What is the link to your site?
hidden link

Backoffice link and account info in the "WPML Debug info" section.

I have a copy of the website in my localhost, so you can do whatever is necessary in the live site.

Menu.jpg
October 6, 2020 at 6:34 am #7170079

Bruno Kos
WPML Supporter since 12/2018

Languages: English (English ) German (Deutsch ) French (Français )

Timezone: Europe/Zagreb (GMT+02:00)

Hi,

Thank you for contacting WPML support!

Before your ticket is assigned to one of my colleagues, please allow me to walk you through some initial debugging steps. This will help speed up the support process.

Did you consider this?
https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/#your-own-custom-language-switchers

So like this:
https://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

And see if you can hook it up to your mobile menus, perhaps using CSS classes or by any other means to target desired screen resolutions.

Regards,
Bruno Kos