Saltar al contenido Saltar a la barra lateral

Este hilo está resuelto. Aquí tienes una descripción del problema y la solución.

Problem:
El cliente desea que el Selector de idioma muestre los idiomas completamente verticalmente y en negrita, pero actualmente se muestran ligeramente desplazados hacia la derecha.
Solution:
Si estás experimentando este problema, te recomendamos que sigas los siguientes pasos:
1. Accede al panel de administración de tu sitio web (wp-admin).
2. Ve a Apariencia > Personalizador > CSS personalizado.
3. Añade el siguiente código CSS y guarda los cambios:

.wpml-ls-menu-item .sub-menu a.elementor-sub-item {<br />    padding-left: 0px !important;<br />}

Este código solucionará el problema de alineación en la versión de escritorio. Para ajustar la alineación en dispositivos móviles, añade también:

@media screen and (max-width:1025px) {  <br />    .wpml-ls-menu-item .sub-menu a.elementor-sub-item {  <br />        padding-left: 12px !important;  <br />    }  <br />}

Este código manejará la alineación en pantallas de hasta 1025px de ancho.
Si esta solución no resuelve tu problema o parece irrelevante debido a que está desactualizada o no se aplica a tu caso, te recomendamos abrir un nuevo ticket de soporte. Te sugerimos revisar los problemas conocidos, verificar la versión de la solución permanente y confirmar que tienes instaladas las últimas versiones de temas y plugins. Para asistencia adicional, visita nuestro foro de soporte.

Este es el foro de soporte técnico de WPML, el plugin multilingüe de WordPress.

Todas las personas pueden leerlo pero solo los clientes de WPML pueden ingresar comentarios. El equipo de WPML responde en los foros 6 días a la semana, 22 horas por día.

Etiquetado: 

Este tema contiene 5 respuestas, tiene 2 voices.

Última actualización por Mihai Apetrei hace 1 año, 3 meses.

Asistido por: Mihai Apetrei.

Autor Publicaciones
junio 19, 2024 a las 10:29 am #15754770

campana2

Antecedentes del problema:
Me gustaría saber si habría posibilidad de forma que el Selector de idioma pueda mostrar los idiomas completamente verticalmente. Actualmente, al desplegar el selector, este muestra los idiomas ligeramente desplazados hacia la derecha.
También me gustaría saber si se pudieran mostrar en negrita, para que el texto destaque más.

Síntomas:
El Selector de idioma muestra los idiomas ligeramente desplazados hacia la derecha en lugar de completamente verticalmente.

Preguntas:
¿Cómo puedo personalizar el Selector de idioma para que muestre los idiomas completamente verticalmente?

junio 19, 2024 a las 2:08 pm #15756256

Mihai Apetrei
Partidario de WPML desde 03/2018

Idiomas: Inglés (English )

Zona horaria: Europe/Bucharest (GMT+03:00)

Hola.

¿Podrías compartir el dominio/URL del sitio para que también pueda ver el problema y probar algunas cosas?

Gracias.

Mihai

junio 20, 2024 a las 6:10 am #15761115

campana2

Buenas Mihai,

El sitio sería este: enlace oculto

Me comentas cualquier cosa que necesites por mi parte, ¡gracias!

junio 20, 2024 a las 6:47 am #15761431

Mihai Apetrei
Partidario de WPML desde 03/2018

Idiomas: Inglés (English )

Zona horaria: Europe/Bucharest (GMT+03:00)

Gracias.

Por favor, vaya al panel de administración de su sitio web (wp-admin) > Apariencia > Personalizador > CSS personalizado > añada el siguiente código CSS y guarde:


.wpml-ls-menu-item .sub-menu a.elementor-sub-item {
    padding-left: 0px !important;
}

Esto debería solucionar el problema del espacio que aparecía para el idioma en el menú desplegable y alinearlo verticalmente con el idioma de arriba.

Espero que encuentre útil esta información.

Mihai

junio 20, 2024 a las 2:12 pm #15764469

campana2

¡Mil gracias Mihai! El selector queda justo como esperaba 🙂

Lo único, es que ahora en la versión móvil sale el segundo idioma desplazado hacia la izquierda en el desplegable; ¿habría forma de que tanto en desktop como en mobile quedaran verticales? ¡Gracias!

Captura de Pantalla 2024-06-20 a las 16.11.04.png
junio 20, 2024 a las 3:12 pm #15764935

Mihai Apetrei
Partidario de WPML desde 03/2018

Idiomas: Inglés (English )

Zona horaria: Europe/Bucharest (GMT+03:00)

Hola y bienvenido de nuevo.

Entonces, por favor, agregue también esta línea:


@media screen and (max-width:1025px) {  
    .wpml-ls-menu-item .sub-menu a.elementor-sub-item {  
        padding-left: 12px !important;  
    }  
}

Esto manejará todos los tamaños de pantalla de 1025px de ancho y menores.