LukaszA

Problem:
The client has almost 20 languages on a page and he was using menu language switcher. When someone has a small screen they cannot see all languages to choose from. So, he wants to split the language switcher into two or three separate columns.

Solution:
You can fix this issue by adding the following CSS in your theme’s or child theme style.css file OR Custom CSS section of the theme:

.drop_down .narrow.wpml-ls-item .second .inner ul {
    width: 300px !important;
}
 
.drop_down .narrow.wpml-ls-item .second .inner ul li {
    width: 150px;
    float: left;
}

And it will look as in the attached screenshot: https://cdn.wpml.org/wp-content/uploads/2019/11/4960603-switcher_2_columns.png

Relevant Documentation:
https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/