MasterStudy – El selector de idiomas se muestra como texto sin formato en el menú móvil

Estado: Resuelto por el autor
Plugin/tema relacionado: MasterStudy LMS Learning Management System
Etiquetas de temática: Compatibility

Resumen del problema

Al usar el tema MasterStudy con WPML, los selectores de idiomas añadidos directamente al menú principal se muestran como texto sin formato en las vistas móviles. Esto sucede porque el tema omite las funciones estándar de renderizado de menús de WordPress.

Solución alternativa

Por favor, asegúrese de tener una copia de seguridad completa de su sitio antes de continuar.

Abra el archivo …/wp-content/themes/masterstudy/partials/headers/parts/mobile_menu.php.

Alrededor de la línea 20, busque:

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

Añada lo siguiente directamente debajo:

// 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; 
}

Luego, cerca del final del archivo, busque:
```
echo $menu_list;
        
```

Reemplácelo por:

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

Nota de estilo:

Puede dar estilo a su selector de idiomas en «WPML > Idiomas > Selectores de idioma personalizados»

Nuestro selector de idiomas tiene un ancho específico. Para que ocupe todo el ancho en dispositivos móviles (menos de 1025px), añada este CSS en su hoja de estilos o en Personalizar > CSS adicional.
```
@media screen and (max-width: 1025px) {
  .wpml-ls-legacy-dropdown {
      width: 100%;
  }
}
        
```

Todos los problemas conocidos →