MasterStudy – Le sélecteur de langue s’affiche en texte brut dans le menu mobile

Statut: Résolu par l’auteur
Extension/thème associé: MasterStudy LMS Learning Management System
Étiquettes de sujet: Compatibility

Aperçu de l’anomalie

Lorsque vous utilisez le thème MasterStudy avec WPML, les sélecteurs de langue ajoutés directement au menu principal s’affichent sous forme de texte brut sur les vues mobiles. Cela se produit car le thème contourne les fonctions standard de rendu des menus de WordPress.

Solution de contournement

Assurez-vous d’avoir une sauvegarde complète de votre site avant de continuer.

Ouvrez le fichier …/wp-content/themes/masterstudy/partials/headers/parts/mobile_menu.php.

Vers la ligne 20, recherchez :

foreach ( (array) $menu_items as $key => $menu_item ) {

Ajoutez ce qui suit directement en dessous :

// Detect WPML LS with class 'wpml-ls-item' 
$classes = is_array( $menu_item->classes ) ? $menu_item->classes : array(); 
if ( in_array( 'wpml-ls-item', $classes, true ) ) { 
    continue; 
}

Ensuite, vers la fin du fichier, recherchez :
```
echo $menu_list;
        
```

Remplacez-le par :

$menu_list .= '<div class="stm_lms_categories_dropdown__parent">'; 
$menu_list .= do_shortcode( '[wpml_language_selector_widget]' ); 
$menu_list .= '</div>' . "n";
echo $menu_list;

Note de style :

Vous pouvez personnaliser le style de votre sélecteur de langue dans « WPML > Langues > Sélecteurs de langue personnalisés »

Notre sélecteur de langue a une largeur spécifique. Pour qu’il occupe toute la largeur sur mobile (en dessous de 1 025 px), ajoutez ce CSS dans votre feuille de style ou dans Personnaliser > CSS supplémentaire.
```
@media screen and (max-width: 1025px) {
  .wpml-ls-legacy-dropdown {
      width: 100%;
  }
}
        
```

Toutes les anomalies connues →