- Stato
- Risolto dall’autore
- Plugin/tema correlato
- MasterStudy LMS Learning Management System
- Tag dell’argomento
- Compatibility
Panoramica del problema
Quando si utilizza il tema MasterStudy con WPML, i selettori di lingua aggiunti direttamente al menu principale vengono visualizzati come testo semplice nelle visualizzazioni per dispositivi mobili. Questo accade perché il tema bypassa le funzioni standard di rendering dei menu di WordPress.
Soluzione alternativa
Assicurati di avere un backup completo del sito prima di procedere.
- Apri il file …/wp-content/themes/masterstudy/partials/headers/parts/mobile_menu.php.
- Intorno alla riga 20, cerca:
foreach ( (array) $menu_items as $key => $menu_item ) { - Aggiungi quanto segue subito sotto:
// 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; } - Quindi, verso la fine del file, cerca:
echo $menu_list; - Sostituiscilo con:
$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 sullo stile:
- Puoi personalizzare lo stile del tuo selettore di lingua in “WPML > Lingue > Selettori di lingua personalizzati”
- Il nostro selettore di lingua ha una larghezza specifica. Per renderlo a larghezza intera sui dispositivi mobili (sotto i 1025px), aggiungi questo CSS nel tuo foglio di stile o in Personalizza > CSS aggiuntivo.
@media screen and (max-width: 1025px) { .wpml-ls-legacy-dropdown { width: 100%; } }