Skip Navigation

Home › Support › English Support › [Closed] how to adjust the width of the dropdown language changer

[Closed] how to adjust the width of the dropdown language changer

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.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Europe/Tirane (GMT+02:00)

Tagged: 

This topic contains 4 replies, has 2 voices.

Last updated by Marsel Nikolli 1 year, 7 months ago.

Assisted by: Marsel Nikolli.

Author Posts
October 26, 2023 at 6:17 am #14666493

erwinD-3

Tell us what you are trying to do?

Create a new mobile menu. I need to have the language flags in the dropdown version in a widget. The arrow on the right side in the drop down version, is very far to the right side - the is a lot of free space between the letters of the language and the arrow. Can I adjust the width of this.

Is there any documentation that you are following? std doc

Is there a similar example that we can see?

see image

What is the link to your site?

hidden link
Mobile size.

Language switcher dropdown.jpg
October 26, 2023 at 7:53 am #14667101

erwinD-3

Sorry - our test website is out of order at the moment.... let you know when it is back on track.
October 26, 2023 at 7:59 am #14667317

Marsel Nikolli

Hi,

Thank you for contacting WPML Support.

I appreciate you letting me know about the situation with your website.

Regarding your issue, you'll need to set max-width for the widget you are setting the language switcher on.

Your widget css class should be something similar to:
"widget_icl_lang_sel_widget"

Please check our documentation for more information regarding fixing issues with CSS styling:
https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/

Let me know if there is anything else i can help you with.

Regards,
Marsel
October 26, 2023 at 12:02 pm #14670157

erwinD-3

Thank you for your help in this.
But is seems that the widget, in the header-section, does not work at all - ass a dropdown.

I can only put the flag in a row. That works. But that is not wat we want.
Can you help out please?

Thanks
Liesbeth
October 26, 2023 at 3:20 pm #14672131

Marsel Nikolli

Hi Liesbeth,

It appears this might be related to CSS.

While our forum currently is not able to provide support for custom work within, I will be happy to offer some guidance or suggest a direction you might consider exploring.

Try to comment out or remove the property "overflow" for the CSS elements below in the theme CSS file or the CSS file responsible ONLY for the mobile layout of your website:

.widget ul, .widget ol {
  overflow: hidden;
  ...
  ...
}

This should help fix the dropdown issue, if my directions are not enough we suggest contacting one of our 3rd party contractors that specialize in custom work with WPML: https://wpml.org/contractors/

Please also take into consideration the documentation I sent you before.
Let me know if there is anything else I can help you with.

Regards,
Marsel

The topic ‘[Closed] how to adjust the width of the dropdown language changer’ is closed to new replies.