MasterStudy – Sprachumschalter wird im mobilen Menü als reiner Text angezeigt

Status: Vom Autor gelöst
Zugehöriges Plugin/Theme: MasterStudy LMS Learning Management System
Themen-Tags: Compatibility

Übersicht über das Problem

Wenn Sie das MasterStudy-Theme mit WPML verwenden, werden die direkt zum Hauptmenü hinzugefügten Sprachumschalter in mobilen Ansichten als reiner Text angezeigt. Dies geschieht, weil das Theme die Standardfunktionen von WordPress zum Rendern von Menüs umgeht.

Problemumgehung

Bitte stellen Sie sicher, dass Sie über ein vollständiges Backup Ihrer Website verfügen, bevor Sie fortfahren.

Öffnen Sie die Datei …/wp-content/themes/masterstudy/partials/headers/parts/mobile_menu.php.

Suchen Sie in der Nähe von Zeile 20 nach:

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

Fügen Sie direkt darunter Folgendes hinzu:

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

Suchen Sie dann gegen Ende der Datei nach:
```
echo $menu_list;
        
```

Ersetzen Sie dies durch:

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

Hinweis zum Styling:

Sie können Ihren Sprachumschalter unter „WPML > Sprachen > Benutzerdefinierte Sprachumschalter“ anpassen

Unser Sprachumschalter hat eine bestimmte Breite. Um ihn auf Mobilgeräten (unter 1025 px) in voller Breite anzuzeigen, fügen Sie dieses CSS in Ihr Stylesheet oder unter Customizer > Zusätzliches CSS ein.
```
@media screen and (max-width: 1025px) {
  .wpml-ls-legacy-dropdown {
      width: 100%;
  }
}
        
```

Alle bekannten Probleme →