IberianExport: cómo reubicar el selector de idioma sin romper el menú

·

·

Si tu selector de idioma tapa el menú móvil o hace saltar CLS en Core Web Vitals, estás perdiendo leads antes de que vean el CTA. Documenté el paso a paso para recolocarlo sin tocar el theme hijo en IberianExport.com.

Problema detectado

  • Plugin Weglot inserta el flotante en la esquina superior izquierda y cubre el menú hamburguesa.
  • En escritorio se superpone con el logo cuando se reduce a 1024 px.
  • Core Web Vitals registra un CLS de 0.25 por el reflow del widget.

Solución aplicada

  • CSS en Customize → Additional CSS: reposiciona el botón a la esquina inferior derecha con z-index controlado.
  • Desactivé el botón flotante y dejé solo el selector inline en la barra superior en desktop.
  • Añadí padding-top al header para evitar solaparse con el menú sticky.

Snippet

.weglot-container .country-selector {bottom:24px!important; top:auto!important; right:16px!important; left:auto!important;}
.weglot-container {z-index:40!important;}
@media(min-width:1024px){
  .weglot-container {display:none!important;}
  #top-bar .weglot-selector {display:flex!important; gap:8px;}
}

¿Necesitas que revise Core Web Vitals después del cambio? Envíame un mensaje y actualizo el reporte Lighthouse.



Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *