I need help to customise the wpml dropdown

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

Problem:
The client needs help customizing the WPML language switcher dropdown to match a specific style shown in an example image, but only found a troubleshooting guide and not a tutorial.
Solution:
We recommend following these steps to customize your WPML language switcher dropdown:
1. Navigate to WPML >> Languages >> Menu Language Switcher.
2. Edit the language switcher settings to choose a similar option as shown in the example.
3. To achieve the same arrow and border style, copy the CSS from the Twenty Sixteen theme.
For more detailed guidance on styling issues, please refer to our documentation: How to fix styling and CSS issues for the language switchers.

If this solution does not fully resolve your issue or seems outdated, 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: Documentation request

This topic contains 1 reply, has 0 voices.

Last updated by Noman 2 days, 9 hours ago.

Assisted by: Noman.

Author	Posts
June 17, 2025 at 8:56 am #17141432
philippeB-68	Background of the issue: I need help to customise the language switch drop-down on my site hidden link. I want it to look similar to the image here: hidden link. Symptoms: I see only a troubleshooting guide, but not a tutorial on how to achieve the desired customization. Questions: Can you provide a tutorial on how to customise the WPML language switch drop-down to match the example image?
June 17, 2025 at 11:42 am #17142144
Noman WPML Supporter since 06/2016 Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)	Hi, Thank you for contacting WPML Support. The language switcher dropdown inherits styles from your active theme to match the rest of your menu. The example you shared is styled using the default Twenty Sixteen theme. To get a similar look, please try the following: 1. Go to the WPML >> Languages > Menu Language Switcher. 2. Edit the language switcher settings and choose the similar option as you can see in the attached screenshot. 3. For the same arrow/border style, you can copy CSS from the Twenty Sixteen theme Here is a doc for more details: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/ If needed, feel free to move your site to a live server so I can check the current output and help with custom CSS. Let me know how it goes, Thank you