Skip to content Skip to sidebar

Home › Support › English Support › [Closed] the menu allignment when switching to RTL language in mobile interface is not correct

[Closed] the menu allignment when switching to RTL language in mobile interface is not correct

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

Last updated by Andreas W. 5 months, 3 weeks ago.

Author Posts
October 24, 2025 at 6:34 pm #17517758

housamM

Background of the issue:
I am trying to use the Arabic language switcher on a mobile device. The issue can be seen on this page: hidden link.

Symptoms:
The menu alignment when switching to RTL language in the mobile interface is not correct. The language name and menu arrow collapse.

Questions:
Why is the menu alignment incorrect when switching to RTL language on mobile?
How can I fix the collapsing language name and menu arrow?
October 26, 2025 at 12:30 am #17518954

Andreas W.
WPML Supporter since 12/2018

Languages: English (English ) Spanish (Español ) German (Deutsch )

Timezone: America/Lima (GMT-05:00)

Hello,

Note that this is a theme-specific issue.

Please add the following CSS at WPML > Languages > Language Switcher Options > Additional CSS:

@media screen and (max-width: 991px) {
    .header__center #st-main-menu .menu.main-menu > li > a {        
        justify-content: flex-start;
    }
}

This should solve the issue.

Let us know if further assistance will be needed.

Best regards
Andreas

The topic ‘[Closed] the menu allignment when switching to RTL language in mobile interface is not correct’ is closed to new replies.