Saltar navegación

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

Problema:
Estás intentando reducir el ancho del selector de idiomas que has añadido como un Layout en Elementor, no insertado en el menú y activado desde el plugin WPML. Has intentado modificarlo con CSS pero no has logrado identificar la clase del contenedor.
Solución:
1. Sigue los pasos de nuestra guía para editar el estilo del selector de idiomas: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/
2. Si necesitas asistencia adicional, por favor comparte la información de depuración de tu sitio siguiendo esta guía: https://wpml.org/es/faq/como-puedo-proporcionar-mi-informacion-de-depuracion-para-obtener-soporte-mas-rapido/
3. Aplica el siguiente CSS para ajustar el ancho del selector:

ul.sc_layouts_language_menu li.menu-item.menu-item-has-children sfHover ul{ max-width: 75px; }

Si esta solución no resuelve tu problema o parece desactualizada, te recomendamos abrir un nuevo ticket de soporte. También te sugerimos revisar los problemas conocidos en https://wpml.org/known-issues/, verificar la versión de la solución permanente y confirmar que tienes instaladas las últimas versiones de temas y plugins.

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.

Este tema contiene 5 respuestas, tiene 0 voces.

Última actualización por Carlos Rojas hace 1 mes, 1 semana.

Asistido por: Carlos Rojas.

Autor Entradas
marzo 12, 2025 at 10:10 am #16806126

javierL-34

Antecedentes del problema:
Estoy intentando reducir el ancho del selector de idiomas que he añadido como un Layout en Elementor. No está insertado en el menú y está activado desde el plugin WPML. He intentado con CSS pero no encuentro cómo se llama la clase del contenedor viendo 'inspeccionar' en el frontend.

Síntomas:
El selector de idiomas se ve muy ancho cuando lo despliego.

Preguntas:
¿Cómo puedo reducir el tamaño del selector de idiomas?
¿Cuál es la clase CSS del contenedor del selector de idiomas?

marzo 12, 2025 at 10:16 am #16806204

Carlos Rojas
Partidario de WPML desde 03/2017

Idiomas: Inglés (English ) Español (Español )

Zona horaria: Europe/Madrid (GMT+02:00)

Hola,
Muchas gracias por contactarnos

Por favor sigue los pasos descritos en esta guía: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/ para editar el estilo del selector de idiomas y hazme saber si necesitas más asistencia de nuestra parte.

Saludos,
Carlos

marzo 12, 2025 at 1:13 pm #16807246

javierL-34

Hola.
He pegado parte del código (la parte de Cómo arreglar el ancho de un selector de idioma en un menú) en el plugin WPML > IDIOMAS > OPCIONES SELECTOR DE IDIOMAS pero el selector sigue mostrándose igual de ancho.
El problema es que el selector no lo he puesto a través del plugin WPML, si no desde Elementor > Layouts y lo he añadido a una columna del Header, luego he añadido el mismo código en Apariencia > personalizar > CSS y tampoco ha cambiado, sigue mostrándose igual de ancho

Captura de pantalla 2025-03-12 141037.png
marzo 12, 2025 at 1:22 pm #16807371

Carlos Rojas
Partidario de WPML desde 03/2017

Idiomas: Inglés (English ) Español (Español )

Zona horaria: Europe/Madrid (GMT+02:00)

Hola,

Por favor comparte la información de depuración del sitio siguiendo los pasos descritos en esta guía: https://wpml.org/es/faq/como-puedo-proporcionar-mi-informacion-de-depuracion-para-obtener-soporte-mas-rapido/

marzo 12, 2025 at 1:24 pm #16807382

javierL-34

Aquí lo tienes

Gracias

marzo 12, 2025 at 1:46 pm #16807463

Carlos Rojas
Partidario de WPML desde 03/2017

Idiomas: Inglés (English ) Español (Español )

Zona horaria: Europe/Madrid (GMT+02:00)

Muchas gracias.

Por favor aplica este CSS y comprueba el resultado:

ul.sc_layouts_language_menu li.menu-item.menu-item-has-children sfHover ul{
  max-width: 75px;
}