Skip Navigation

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

Problem:
You are experiencing issues with language switchers on your site. The PC header switcher does not allow switching back to Spanish, the mobile header switcher opens the flag's image instead of switching languages, and the footer switcher does not work correctly on tablets and phones.
Solution:
For the PC header switcher issue, we recommend adding the following custom CSS to resolve the overlapping issue caused by the "reservation" button container:

.wpml-ls-legacy-list-vertical .wpml-ls-item {
    display:inline-block;
}

You can add this CSS via WP > Appearance > Customize > Additional CSS. For the tablet and phone switchers, please confirm the browser you are using as it appears to function correctly in Safari on iOS devices.

If this solution does not resolve your issues or seems outdated, or if it does not apply to your 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 further assistance is needed, 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 felicianoE-2 3 days, 5 hours ago.

Assisted by: Kor.

Author Posts
March 19, 2025 at 8:21 pm #16837010

felicianoE-2

Background of the issue:
I am trying to ensure that all language switcher widgets on my site function correctly. The site has three language switcher widgets: one on the header for PCs, one on the header for tablets and phones, and one in the footer for all devices. The issue can be seen on this page: hidden link.

Symptoms:
The language switcher on the PC header allows switching to English but not back to Spanish. The switcher on tablets and phones opens the flag's image instead of switching languages. The footer switcher works on PCs but has the same issue as the mobile header switcher on tablets and phones.

Questions:
Why does the PC header switcher not allow switching back to Spanish?
Why does the mobile header switcher open the flag's image instead of switching languages?
Why does the footer switcher not work correctly on tablets and phones?

March 20, 2025 at 1:14 am #16837729

Kor
Supporter

Languages: English (English )

Timezone: Asia/Singapore (GMT+08:00)

Thanks for contacting us.

I've checked your Website and I can see that the "reservation" button container is blocking the language switcher.

Please insert the custom CSS code below into WP > Appearance > Customize > Additional CSS and let me know if it fixes the issue.

.wpml-ls-legacy-list-vertical .wpml-ls-item {
    display:inline-block;
}

As for the issue with tablet devices, may I know which browser are you testing with? It seems to work fine here using safari browser on IOS mobile.

March 20, 2025 at 3:22 pm #16840926

felicianoE-2

Thanks! It looks like the issue has been solved upon your instructions. The mobile error doesn't appear anymore after I deleted the browsing data (cache).