Setting the width of the language selector in the menu when using flags only

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

Problem:
You are trying to set the width of the language selector in the menu to less than the default minimum width of 200 px when using flags only. This issue arises because the 'Menu language switcher' configuration in the 'Languages' section does not apply changes when adding a language switcher to the beginning or end of an existing menu. Additionally, the menu selector does not detect and list new navigation blocks.
Solution:
The client inserted a class in an outer element of the language selector and applying custom CSS to adjust the width. This approach allows you to override the default settings and achieve the desired width for your language selector. If you're experiencing difficulties with this solution or if it does not fully address your issue, please check our related known issues and verify that you have installed the latest versions of themes and plugins. If the problem persists, we highly recommend opening a new support ticket for further assistance. You can do so at 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: Custom Work

This topic contains 1 reply, has 0 voices.

Last updated by Jaume 1 week, 2 days ago.

Assisted by: Kor.

Author	Posts
June 17, 2025 at 7:18 pm #17143852
Jaume	Background of the issue: I'm trying to set the width of the language selector in the menu when using flags only, as it defaults to a min width of 200 px due to the CSS of being a menu item in a navigation block. I've manually added the 'WPML language selection' block at the end of the menu because the 'Menu language switcher' configuration in the 'Languages' section does not apply changes when adding a language switcher to the beginning or end of an existing menu. I even created a new Main Menu by importing it from the Classic Menus, as the menu selector does not detect and list the new navigation blocks. Symptoms: The language selector in the menu defaults to a min width of 200 px, and the 'Menu language switcher' configuration does not apply changes to the menu. Questions: Is it that hard to stay up to date with the current official theme (Twenty Twenty-Five) from the only solution your product is designed to work with? Do you consider this is the quality of service expected from a paid product?
June 19, 2025 at 7:39 am #17148868
Kor WPML Supporter since 08/2022 Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Thank you for reaching out. Could you please provide your website URL so I can take a closer look? It would also be helpful if you could share some screenshots of the language switcher options and highlight what you’re trying to accomplish with it on your site.
June 20, 2025 at 9:20 am #17153540
Jaume	Never mind. Setting a class in an outer element and going all the way down to the "ul" element that was misbehaving I've fixed it with CSS. What I can't understand is that I have to do the fix instead of you doing it by default for all your clients. It's hard to believe I'm the only one using flags only and not wanting the flags list not being five times the width it needs to be to be aesthetically pleasant. How being a paid product and depending only on one program, WordPress, you don't keep up to date with the changes they may be doing in their latest releases... WordPress 6.7, the one introducing the latest official Automattic theme, Twenty Twenty-Five, arrived on November 12, 2024. Tinkering with it it took me less than an hour to fix it. You've had almost 8 months to do it but you haven't. There are also problems with templates not working when changing languages... And also when dealing with menus... I had already set WPML to deal with the multi language stuff in this project but seeing your service standards and considering you're not the only solution in the market I'll seriously reconsider this decision for future projects.