Skip Navigation

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

Last updated by hagenD 1 year, 5 months ago.

Assisted by: Prosenjit Barman.

Author Posts
June 2, 2023 at 5:08 pm

hagenD

Hello,

on my site hidden link i have the language switcher active in the header menu.

Works good. The problem is, the mobile menu is only showing the flag of the currectly selected language. all other languages that appear in the dropdown don't have a flag.

Is there any way to solve this? on desktop, the languages from the dropdown also have a flag.

June 2, 2023 at 5:45 pm
June 5, 2023 at 1:09 pm #13771305

Prosenjit Barman
Supporter

Languages: English (English )

Timezone: Asia/Dhaka (GMT+06:00)

Hello There,
I hope you're doing well. I will try my best to assist you in this matter.

I checked the entire conversation you had with my colleague and understood the issue. While inspecting the issue, I found that the "display: none" property is applied for the image under the submenu, within the core of the theme, which was mainly causing the Language flag to not appear in the Dropdown.

When I remove that property, the Flag starts to display correctly in the Dropdown. Kindly check this screenshot(hidden link) for a better understanding.

That CSS is added within the style.css file of the Theme that you're using. Please remove the CSS rule from there or overwrite the existing CSS rule with "display: inline-block !important".

For example:

img.wpml-ls-flag {
    display: inline-block !important;
}

Make sure to include the "!important" property to force overwrite the existing CSS rule. I hope it will help.

Please let me know if there is anything else if you need help with. I will be happy to assist you.

Best Regards,
Prosenjit