Skip Navigation

Home › Support › English Support › [Resolved] The long list in the language switcher break my layout at the footer

[Resolved] The long list in the language switcher break my layout at the footer

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

Problem:
The client is trying to add multiple languages to their site and use the dropdown language switcher in the footer, but they are encountering an issue with its display.
Solution:
We recommend adding the following custom CSS to the theme's custom CSS section to control the height of the WPML Language Switcher dropdown:

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {height: 245px;overflow: auto;}

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 11 months, 2 weeks ago.

Assisted by: Noman.

Author Posts
December 13, 2023 at 9:39 am #15052205

zurongz

Tell us what you are trying to do?

[J:] I tried to add multiple language to my site and use the drop down language switcher at the footer.

Is there any documentation that you are following?
[J:] It is the simple setup. I know the custom switcher.

Is there a similar example that we can see?
[J:] Please check the website, and scroll it down to the footer, click the language switcher you will see the issue.

What is the link to your site?

hidden link

Screenshot 2023-12-13 at 5.38.20 PM.png
December 13, 2023 at 2:10 pm #15055653

Noman
Supporter

Languages: English (English )

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

Hi,

Thank you for contacting WPML Support. Can you please add the below CSS in the custom CSS section of your theme to control the height of WPML Language Switcher dropdown:

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    height: 245px;
    overflow: auto;
}

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

language switcher height control.png
December 16, 2023 at 1:06 am #15076373

zurongz

Yes, It works. Thanks.