Saltar al contenido Saltar a la barra lateral

Inicio › Soporte › Soporte en español › [Resuelto] En el menú de selector de idioma, aparecen dos flechas hacia abajo.

[Resuelto] En el menú de selector de idioma, aparecen dos flechas hacia abajo.

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

Problema:
Si has configurado e instalado WPML en tu página web y notas que en el menú de selección de idioma aparecen dos flechas, esto se debe probablemente a que el CSS de tu tema y el CSS del selector de idiomas están agregando iconos de flechas, resultando en flechas dobles.
Solución:
Para solucionar este problema, debes crear una clase CSS para ocultar una de las dos flechas. Puedes hacerlo añadiendo el siguiente código en Apariencia -> Personalizar -> CSS Adicional:

.menu-item-has-children.menu-item-depth-0 > a span > span:after{<br /> content: none;<br />}<br />.menu-item-has-children.menu-item-depth-0 > a > span > span:after{<br />    content: "";<br />    border-bottom: 0 solid transparent !important;<br />    border-left: 4px solid transparent !important;<br />    border-right: 4px solid transparent !important;<br />    border-top-width: 4px;<br />    border-top-style: solid;<br />    display: inline-block;<br />    vertical-align: middle;<br />    margin: 0 0 0 7px;<br />}

Después de aplicar este cambio, verifica si el problema con las flechas se ha resuelto.
Si esta solución no parece relevante para tu caso, por favor, abre un nuevo ticket 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 7 respuestas, tiene 2 voces.

Última actualización por Carlos Rojas hace 1 año, 7 meses.

Asistido por: Carlos Rojas.

Autor Publicaciones
enero 25, 2024 a las 8:22 am #15224766

luisP-30

He configurado e instalado WPML en mi página web y todo ha funcionado bien, salvo porque en el menú de selección de idioma, se ven dos flechas como en la imagen que adjunto.

¿Por qué ocurre eso? ¿Cómo se soluciona?

Por política de empresa no puedo dar acceso a mi página web.

Muchas gracias.

URL de (mi) sitio web donde aparece el problema: enlace oculto

doble flecha.png
enero 25, 2024 a las 8:49 am #15224925

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

La causa más probable de este comportamiento es que el CSS del tema y el CSS del selector de idiomas están agregando los iconos de las flechas al selector y es por ello que aparecen dobles. La forma más rápida de solucionar este problema es creando una clase CSS para ocultar una de las dos flechas.

Si pudiera acceder al menos a ver el sitio (actualmente me aparece en mantenimiento) y ver el selector de idiomas, tal vez podría darle el código CSS que necesita.

Saludos,
Carlos
enero 25, 2024 a las 8:57 am #15224949

luisP-30

Saludos Carlos, gracias por tu respuesta. Lamento decirte que no puedo quitar el modo mantenimiento, pero te comparto el código HTML (espero que sirva de algo). He intentado inspeccionar el elemento pero no encuentro la clase del elemento (flecha)...

<div class="menu-primary-navigation-container"><ul id="navigation" class="mid_nav navigation"><li id="menu-item-15485" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15485 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Quiénes somos</span></span>
<li id="menu-item-15538" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15538 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Compromiso</span></span>
<li id="menu-item-15489" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15489 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Áreas de actividad</span></span>
<li id="menu-item-15561" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15561 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Proyectos</span></span>
<li id="menu-item-16138" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16138 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Participación pública</span></span>
<li id="menu-item-15676" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15676 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Noticias</span></span>
<li id="menu-item-15487" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15487 menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title">Contacto</span></span>
<li id="menu-item-wpml-ls-42-es" class="menu-item-language menu-item-language-current menu-item wpml-ls-slot-42 wpml-ls-item wpml-ls-item-es wpml-ls-current-language wpml-ls-menu-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-has-children menu-item-wpml-ls-42-es menu-item-depth-0">enlace oculto"><span class="nav_item_wrap"><span class="nav_title"><img class="wpml-ls-flag" src="enlace oculto" alt=""><span class="wpml-ls-native" lang="es">Español</span></span></span>
<ul class="sub-menu">
<li id="menu-item-wpml-ls-42-en" class="menu-item-language menu-item wpml-ls-slot-42 wpml-ls-item wpml-ls-item-en wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-42-en menu-item-depth-1">enlace oculto"><span class="nav_item_wrap"><span class="nav_title"><img class="wpml-ls-flag" src="enlace oculto" alt=""><span class="wpml-ls-native" lang="en">English</span></span></span>

</div>

Muchas gracias.

Un saludo,

codigo.png
enero 25, 2024 a las 9:00 am #15224979

Carlos Rojas
Partidario de WPML desde 03/2017

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

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

Hola,

Lo siento pero así no puedo revisar el selector ni su CSS. Sin acceso al sitio es imposible dar con una respuesta en este caso.
enero 25, 2024 a las 9:13 am #15225028

luisP-30

Hola,

Entiendo... He quitado el modo mantenimiento. A ver si consigues ver algo para ocultarlo.

Muchas gracias.

enero 25, 2024 a las 9:24 am #15225103

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 permitirme ver el sitio

El problema está en el CSS:

.menu-item-has-children.menu-item-depth-0 > a span > span:after

que debe sustituirlo por

.menu-item-has-children.menu-item-depth-0 > a > span > span:after

Para ello lo mejor es que vaya a Apariencia -> Personalizar -> CSS Adicional y pegue el siguiente código:

.menu-item-has-children.menu-item-depth-0 > a span > span:after{
 content: none;
}
.menu-item-has-children.menu-item-depth-0 > a > span > span:after{
    content: "";
    border-bottom: 0 solid transparent !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top-width: 4px;
    border-top-style: solid;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 7px;
}

Luego compruebe si el problema desapareció.
enero 25, 2024 a las 9:30 am #15225115

luisP-30

Hola Carlos, muchas gracias! Lo he agregado y ha funcionado perfectamente.

Un saludo,

enero 25, 2024 a las 10:32 am #15225508

Carlos Rojas
Partidario de WPML desde 03/2017

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

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

Hola,
Me alegra saber que el problema está resuelto 🙂

Por favor no dude en contactarnos si necesita de nuestra asistencia en el futuro con WPML.
Saludos,
Carlos