Skip Navigation

Home › Support › English Support › [Resolved] Language switcher for mobile menu - horizontal

[Resolved] Language switcher for mobile menu - horizontal

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

Problem:
The client is trying to align the language switcher (DE, IT, EN) horizontally in the mobile menu.
Solution:
We recommend adding the following custom CSS to the theme's custom CSS section to override the default style provided by the theme and align the language switcher horizontally on the mobile menu:

.edgtf-mobile-nav .menu-item.wpml-ls-item a,
.edgtf-mobile-nav .menu-item.wpml-ls-item {
    display: inline-block !important;
}

This should resolve the issue and make the language switcher appear as desired on the mobile version of the site.

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 1 reply, has 2 voices.

Last updated by Noman 1 year, 1 month ago.

Assisted by: Noman.

Author Posts
November 8, 2023 at 12:45 pm #14756503

Harald

Tell us what you are trying to do?

I try to align the languages DE IT EN on the mobile menu horizontal.

Is there any documentation that you are following?

Is there a similar example that we can see?

hidden link mobile version

What is the link to your site?

hidden link

Unbenannt.PNG
November 8, 2023 at 3:28 pm #14758389

Noman
Supporter

Languages: English (English )

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

Hi,

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

.edgtf-mobile-nav .menu-item.wpml-ls-item a,
.edgtf-mobile-nav .menu-item.wpml-ls-item {
    display: inline-block !important;
}

In the custom CSS section of your theme and 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

Mobile menu 1.png