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.

Sun Mon Tue Wed Thu Fri Sat
12:00 – 20:00 12:00 – 20:00 12:00 – 20:00 12:00 – 20:00 12:00 – 20:00 - -
- - - - - - -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 0 voices.

Last updated by ivanL-20 9 hours, 40 minutes ago.

Assisted by: Noman.

Author Posts
January 20, 2025 at 3:09 pm #16614141

ivanL-20

Background of the issue:
I am trying to make the drop-down language switcher in the main menu look normal on my site hidden link.

Symptoms:
The main menu drop-down for the language switcher has bad CSS.

Questions:
How can I make the drop-down language switcher in the main menu look normal?

January 20, 2025 at 4:26 pm #16614767

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. Please note that WPML language switcher dropdown takes formatting from the currently activated theme to make the style consistent with other menu items. To override that style on wpml language switcher dropdown you may try to use the below CSS:

.wpml-ls-item ul.sub-menu {
    margin-top: -50px;
    min-width: 78px !important;
}

In the custom CSS section of your theme, it will look as in the attached screenshot.

Please let me know if this resolves your issue or if you need further assistance with this issue.

Thank you

language switcher dropdown.jpg
January 20, 2025 at 9:48 pm #16615659

ivanL-20

Hi Noman, thank you for quick reply.
I need a little bit more fine tuning.
I set background transparent, margin-top: 78px and margin-left:-26px; -> desktop looks ok on 24" full hd monitor.
Now on mobile phone is bad position of english flag.
Thank you.