Skip to content Skip to sidebar

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

Problem:
The client was experiencing an issue where clicking the arrow dropdown menu on the mobile version of their site did not show all the languages, but instead, it redirected to the same language that was already selected.
Solution:
We recommended adding custom CSS to the theme to fix the issue with the language switcher on the mobile menu. The client should insert the following CSS code into the custom CSS section of their theme:

.mobilex-menu li.wpml-ls-item.menu-item-has-children {
    cursor: pointer;
}
 
.mobilex-menu li.wpml-ls-item.menu-item-has-children > a {
    pointer-events: none; 
}

If you're experiencing this issue, we recommend you try the solution above. However, please note that this solution might be irrelevant if it's outdated or not applicable to your case. If the problem persists, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. Should you need further assistance, please do not hesitate to open a new support ticket in our 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 2 voices.

Last updated by Noman 1 year, 3 months ago.

Assisted by: Noman.

Author Posts
April 19, 2024 at 7:23 pm #15544978

paulo

Hello,

I am trying to click in the arrow dropdown menu (in the right side of the flag) and insted of goes down and show all the other languages, it click to the same language its already choosen.

Please see for yourself in mobile version:
hidden link

Can you help please?

Best regards

April 21, 2024 at 10:59 am #15547035

Noman
WPML Supporter since 06/2016

Languages: English (English )

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

Hi,

Thank you for contacting WPML Support. Could you please try to use the below CSS in the custom CSS section of your theme:

.mobilex-menu li.wpml-ls-item.menu-item-has-children {
    cursor: pointer;
}

.mobilex-menu li.wpml-ls-item.menu-item-has-children > a {
	pointer-events: none; 
}

And see if this resolves your issue.

Thank you

Mobile menu dropdown.png