Language switcher mobile collapsing as nest menu items, dropdown not working

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 Anonymous 1 year, 7 months ago.

Assisted by: Ilyes.

Author	Posts
September 13, 2023 at 11:03 am #14389563
Anonymous	Dropsdown works fine on pc. In the mobile version the dropdown is nested as menu items. The arrow is not showing up and the dropdown doesn't work in general. If I change theme it works fine. I work with DIVI which should be perfectly compatible with WPML. In the settings I chose "dropdown". Any suggestions how to get a nice dropdown in my mobile instead of all the languages as a list under each other?
September 14, 2023 at 10:05 am #14395485
Ilyes Supporter Languages: English (English ) French (Français ) Arabic (العربية ) Timezone: Pacific/Easter (GMT-06:00)	Hello, Thank you for contacting WPML support team, This is a design issue rather than a WPML one, there is a huge possibility that the Divi theme that you are using is rewriting the "dropdown" settings that you have, Do you have a staging site? I would like to ask for temporary access to your test site’s wp-admin and FTP to investigate the issue further. It is important to note that you should back up your site and database before proceeding, and you can use a plugin like Duplicator for this purpose. Here’s a link to the plugin: http://wordpress.org/plugins/duplicator/ If you do not see the form below, please do not enter your credentials as they will be publicly exposed: hidden link For your privacy and security, please ensure that you make your reply a private one. Best regards,
September 15, 2023 at 10:20 am #14402365
Ilyes Supporter Languages: English (English ) French (Français ) Arabic (العربية ) Timezone: Pacific/Easter (GMT-06:00)	Hello again, I checked your languages switchers and I found that both menus (Desktop and Mobile) are calling the same menu-item : menu-item wpml-ls-slot-107 wpml-ls-item wpml-ls-item-sv wpml-ls-current-language wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-has-children menu-item-wpml-ls-107-sv As you can see in these two screenshots : Mobile : hidden link Desktop : hidden link The only difference between the two, is that on the desktop version, this switcher is under its own "<div>" tag, which defines a division or a section to it. Allowing it to display as a dropdown. However, on mobile, the sub-menus (Other languages items), are listed as they are, so I think your theme is overwriting the initial settings (dropdown) --- There are two ways to solve this : Short way : Contact DIVI team and see if they can offer you some custom code or CSS that could change the design of the language switcher for you Long way : We create a clean server for you where you need to replicate this issue, this way, I could escalate it to our developers and see if this is something we could implement/fix from our side. My recommendation : See if DIVI team have a quick fix, if not, I'm more than happy to give you access to a clean WP installation where you can replicate this issue, Best,
September 16, 2023 at 12:50 pm #14406701
Anonymous	Hi, I will contact DIVI support and check if they can help. I will get back to you when I have received a response from them.
September 19, 2023 at 4:16 am #14415855
Anonymous	I got help from DIVI support team. All good now. Thanks.