- Status
- Resolvido pelo autor
- Plugin/tema relacionado
- MasterStudy LMS Learning Management System
- Tags de tópico
- Compatibility
Visão geral do problema
Ao usar o tema MasterStudy com o WPML, os seletores de idiomas adicionados diretamente ao menu principal são exibidos como texto puro/simples nas visualizações em dispositivos móveis. Isso acontece porque o tema ignora as funções padrão de renderização de menu do WordPress.
Solução alternativa
Por favor, certifique-se de ter um backup completo do seu site antes de prosseguir.
- Abra o arquivo …/wp-content/themes/masterstudy/partials/headers/parts/mobile_menu.php.
- Por volta da linha 20, procure por:
foreach ( (array) $menu_items as $key => $menu_item ) { - Adicione o seguinte logo abaixo:
// 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; } - Em seguida, perto do final do arquivo, procure por:
echo $menu_list; - Substitua 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:
- Você pode estilizar seu seletor de idiomas em “WPML > Idioma > Seletores de idiomas personalizados”
- Nosso seletor de idiomas tem uma largura específica. Para que ele ocupe toda a largura em dispositivos móveis (abaixo de 1025 px), adicione este CSS na sua folha de estilos ou em Personalizar > CSS adicional.
@media screen and (max-width: 1025px) { .wpml-ls-legacy-dropdown { width: 100%; } }