Skip Navigation

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

Placing the language switcher in the top bar I was not able to show it horizontal. It takes too much space showing it vertical. On my current project I'mm using just 2 languages.
Add this CSS:

.elementor-location-header .elementor-element-populated .elementor-nav-menu li.wpml-ls-item {
    display: inline-block;

to the Appearance → Customize → Additional CSS area to make the language switcher be displayed on the same line.

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.

This topic contains 17 replies, has 2 voices.

Last updated by rosmarieF 2 years, 4 months ago.

Assigned support staff: Radu.

Author Posts
July 3, 2019 at 10:44 am #4135049


Hello Radu,
on desktop and laptops it work fine.
I think that it shows wrong in Safari and Chrome if you use smartphones with 5" and smaller

kind regards

July 4, 2019 at 9:50 am #4142063


Languages: English (English )

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

Hey Rosmarie,

I checked the Italian version once again using an iPhone 7 device (which has 4.7" screen) with Chrome and Safari and everything looks fine. I tried to access different pages too but everything still looks fine (see the attached screenshot). Can you try to clear the cache of the browser? Maybe the wrong style of the language switcher is cached and that's why it looks like no change was applied.


Screenshot 2019-07-04 at 12.50.02.png
July 7, 2019 at 12:19 pm #4157689


My issue is resolved now. Thank you!