Skip Navigation

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

Problem:
The client wanted to make the language switcher in the menu smaller, specifically the dropdown. The issue was that the UberMenu plugin was overriding the default WPML language switcher styling.
Solution:
We recommended adding custom CSS to adjust the size of the dropdown. The client should navigate to the site's backend, go to Appearance > Customize > Custom CSS area, and add the following code:

.ubermenu-wpml-ls-item .ubermenu-submenu-drop {max-width: 70px !important;}

This code reduces the width of the language switcher dropdown. However, due to existing custom CSS from UberMenu, additional custom work might be required to reposition the flag within the dropdown and adjust it to the client's preference. We suggested consulting a front-end developer or a WPML contractor for further assistance, which can be found at https://wpml.org/contractors/.

If this solution does not resolve your issue or seems outdated, we 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 the problem persists, please open a new support ticket at https://wpml.org/forums/forum/english-support/.

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

Last updated by Mihai Apetrei 4 months, 2 weeks ago.

Assisted by: Mihai Apetrei.

Author Posts
February 18, 2025 at 4:06 pm #16719979

aymanE

Background of the issue:
I'm trying to make the language switcher in the menu look smaller and the dropdown to be smaller on my site hidden link.

Symptoms:
The size of the dropdown switcher in the menu is not as desired.

Questions:

February 18, 2025 at 5:26 pm #16720386

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

From what I can see, at the moment the format was changed.

Do you want to change it back to a dropdown styling so that I can take a look for you?

Please let me know.

Mihai

February 18, 2025 at 5:31 pm #16720439

aymanE

yes please i have added again so you can take a look, thank you

February 18, 2025 at 6:15 pm #16720556

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Thank you for your inquiry.

It seems that there is a plugin or extension called "UberMenu" that is overriding the default WPML language switcher styling. To achieve the look you desire, some custom work will be necessary, which falls outside the scope of our Support Policy. Custom coding can be time-consuming, so I recommend consulting a front-end developer or a WPML contractor for assistance (https://wpml.org/contractors/).

However, I would like to provide you with some guidance.

You can navigate to your site's backend and follow these steps: go to Appearance > Customize > Custom CSS area. There, you can add the following CSS code and save your changes:

.ubermenu-wpml-ls-item .ubermenu-submenu-drop {
    max-width: 70px !important;
}

This code will reduce the width of the language switcher dropdown.

Please note that the flag within the dropdown will be aligned to the left due to existing custom CSS from the "UberMenu," specifically the setting `.ubermenu-wpml-ls-item .ubermenu-submenu-drop .ubermenu-submenu-align-left_edge_bar` which is set to `left: 0;`.

Additional custom work will be required to reposition the flag to the right and adjust it to your preference.

I hope you find this information helpful!

February 18, 2025 at 8:32 pm #16720945
aymanE

the issue is resolved but one more thing from yesterday i have this message (13 automatic translations are in progress)

New threads created by Mihai Apetrei and linked to this one are listed below:

https://wpml.org/forums/topic/split-13-automatic-translations-are-in-progress-showing-since-yesterday/

February 18, 2025 at 8:42 pm #16720995

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

I am happy to hear that the initial issue is resolved.

Also, regarding the new issue you mentioned in the last reply (related to automatic translation), please note that, per our Support Policy, we can handle only one problem per ticket.

Continuing with one issue per ticket helps supporters focus on one problem at once and enables other users to find solutions to their questions faster.

I created a new ticket for you regarding the new issue here:
https://wpml.org/forums/topic/split-13-automatic-translations-are-in-progress-showing-since-yesterday/

You will also be notified via email when there's an answer to that ticket.

Also, can you please mark this current ticket as resolved?

Thank you.

Mihai