Skip Navigation

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

Problem:
If you're experiencing issues with the language switcher on the mobile version of your site, such as wanting to adjust its position or remove an unwanted white bar at the bottom, we can help.
Solution:
We recommend inserting the following custom CSS code to adjust the language switcher's position and remove the white bar. You can add this code by navigating to WP > Appearance > Customize > Additional CSS:

@media only screen and (max-width: 600px) {
  .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0px;
  }
}

Please note that this code is for educational purposes and may not be the final solution. It's meant to guide you in the right direction.

If this solution does not fully address your issue or seems outdated, we highly 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 further assistance is needed, please open a new support ticket at WPML support forum.

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 0 voices.

Last updated by seanC-20 1 month, 1 week ago.

Assisted by: Kor.

Author Posts
May 27, 2025 at 12:05 pm #17078250

seanC-20

Hi Kor, thank you — my issue is resolved.
But I’d like to ask: on the mobile version, can the language switcher only be adjusted in that specific backend section?
Is there a way to remove or disable the white bar at the bottom?
Or is it possible to place the language switcher icon inside the mobile menu instead?

May 27, 2025 at 12:14 pm #17078336

Kor
WPML Supporter since 08/2022

Languages: English (English )

Timezone: Asia/Singapore (GMT+08:00)

Thanks for your patience. I've checked your Website on mobile device and I can see the issue you had there. Please insert the custom CSS code below into WP > Appearance > Customize > Additional CSS to fix it.

@media only screen and (max-width: 600px) {
  .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0px;
  }
}

DISCLAIMER: Please know that any snippet or code suggested here is for educational purposes only. they are not meant to be the final solution but instead meant to point you in the right direction and are out of the scope of our support so we can't nor will modify, improve, debug or maintain it.

May 29, 2025 at 3:33 am #17085839

seanC-20

Hi Kor, thank you for your reply. I’ll give it another try. Sorry for the trouble, and thank you again!