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 el foro 6 días a la semana, durante 22 horas por día.

This topic contains 6 respuestas, has 2 mensajes.

Last updated by alejandroR-20 hace 4 meses, 2 semanas.

Assigned support staff: Andrés.

Autor Mensajes
mayo 27, 2019 a las 5:20 am #3893515

alejandroR-20

Aprovecho la ocasión para hacerte otra consulta. (No se si sería mejor abrir otro ticket, si es así lo abro) o Se trata que la selección de idioma en la versión móvil no me sale centrada. es leve, pero se nota que los botones "Español" e "Ingles" están algo descentrados hacia la izquierda.

Este es el css que me aconsejasteis poner hace un tiempo para poner el selector de idioma en el menú secundario:

#top-menu .wpml-ls-slot-2 a {
color: #442868!important;
}
#top-menu .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2 a {
color: #7a7a7a;
}

#top-menu li .wpml-ls-slot-2 {
padding: 0;

}
.nav .wpml-ls-item ul {
padding: 0 0;
}

.nav .wpml-ls-item ul {
top:15px;
}

/*hacer que en el cambio de idioma en movil sea en el menu secundario en lugar del principal */

@media(max-width:992px) {

body .et_secondary_nav_only_menu #top-header {
display: block !important;

}

body #top-header .container {
padding-top: 12px !important;

}

body #et-secondary-menu, body #et-secondary-nav {
display: block !important;
right: 5px;
position: relative;
}

#et_mobile_nav_menu .wpml-ls-item {
display:none !important;
}
}
/* FIN hacer que en el cambio de idioma en movil sea en el menu secundario en lugar del principal */

Qué puedo hacer para que me salga centrado?

Muchas gracias de nuevo 🙂

mayo 27, 2019 a las 5:24 am #3893521

Andrés
Supporter

Languages: Inglés (English ) Español (Español ) Francés (Français )

Timezone: Europe/Paris (GMT+02:00)

Hola,

Parece que tu tema está agregando algunas líneas de CSS que provocan esta situación. ¿Podrías ir a WPML > Idiomas > Opciones del selector de idioma > CSS adicional y agregar el CSS a continuación?

@media (max-width: 992px) {
  body #et-secondary-menu, body #et-secondary-nav {
    right: 0;
  }
}

Documentation:
https://wpml.org/es/documentation-2/guia-de-inicio/configuracion-del-idioma/intercambiador-de-idiomas-personalizable/

Un saludo,
Andrés

mayo 27, 2019 a las 10:11 am #3895791

alejandroR-20

Buenos días Andrés,

No me funciona. Es más, ya tenía esa línea de código. La he borrado y puesto tal como me has dicho pero sigue igual.

@media(max-width:992px) {

body .et_secondary_nav_only_menu #top-header {
display: block !important;

}

body #top-header .container {
padding-top: 12px !important;

}

body #et-secondary-menu, body #et-secondary-nav {
display: block !important;
right: 5px !important;
position: relative;
}

#et_mobile_nav_menu .wpml-ls-item {
display:none !important;
}

Esto es lo que tengo ahora para resolución móvil

mayo 27, 2019 a las 10:19 am #3895869

Andrés
Supporter

Languages: Inglés (English ) Español (Español ) Francés (Français )

Timezone: Europe/Paris (GMT+02:00)

Hola,

He agregado una pequeña manipulación en el código inicial. ¿Podrías intentarlo de nuevo?

Saludos

mayo 27, 2019 a las 10:36 am #3896031

alejandroR-20

Es raro. Si reduzco la resolución de mi navegador (chrome), me sale centrado. PEro si lo miro con mi móvil, en la página de inicio sale descentrada pero en la de contacto no. Te adjunto capturas tanto de mi móvil como del navegador

mayo 27, 2019 a las 10:50 am #3896169

Andrés
Supporter

Languages: Inglés (English ) Español (Español ) Francés (Français )

Timezone: Europe/Paris (GMT+02:00)

Prueba eliminando el caché de tu navegador. En mi caso siempre está centrado.
Saludos

mayo 28, 2019 a las 2:36 pm #3908081

alejandroR-20

My issue is resolved now. Thank you!