hasanH-6

Problem:
You are trying to adjust the language display on your website for mobile devices and want to change how the language options appear, specifically not in a dropdown menu.
Solution:
Take kindly note, that this is custom work and our supporters are not obligated to provide solutions in such cases. We have set the menu language switcher to not display as a dropdown on mobile devices by using CSS media queries.
1. We added the following CSS:

@media screen and (max-width: 980px) {
  #menu-item-wpml-ls-4-sv {
    display: none;
  }
   .wpml-language-switcher {
        display: inline-block;
        position: relative;
        bottom: 6px;
        right: 6px;
    }
}
@media (min-width: 981px) {
    .wpml-language-switcher {
        display: none;
    }
}}}

You can save this CSS at WPML > Languages > Language Switcher Options > Additional CSS.
2. To display a custom language switcher instead, you can integrate it via PHP or Shortcode. Enable and customize it at WPML > Languages > Custom Language Switcher. For guidance, refer to the following documentation:

• PHP Guide
• Shortcode

Additionally, we have implemented a custom hook using the WP Code Plugin to display the WPML Custom Language Switcher in Divi's Top Header:

function custom_content_before_menu() {
    echo '<div class="wpml-language-switcher">';
        do_action('wpml_add_language_selector');
    echo '</div>'; 
}
add_action('et_header_top', 'custom_content_before_menu');

If this solution does not resolve your issue or seems outdated, please check related known issues at https://wpml.org/known-issues/, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. If needed, do not hesitate to open a new support ticket at WPML support forum.