Ayuda. Problema con bordes oscuros en iconos/menus en versión móvil y tablet

  • Resuelto wiinilo

    (@wiinilo)


    hace 8 meses, 2 semanas

    Buenos días,

    Estoy desarrollando una web en WordPress con Elementor Pro y he notado un problema en la versión móvil y tablet. Al pulsar ciertos iconos que tienen función de enlace o interacción, como el icono de menú hamburguesa, aparece un borde con fondo oscuro y difuminado, lo que afecta negativamente la estética. He encontrado el mismo comportamiento en esta web: https://www.audioanimals.co.uk, aunque en este caso no ocurre en los menús móviles.

    He verificado que todas las opciones de :hover sobre iconos y menús están desactivadas y he intentado solucionarlo aplicando fondos totalmente transparentes, además de probar diferentes ajustes desde la opción de «Personalizar tema», incluyendo código CSS. Sin embargo, el problema persiste, seguramente no este poniendo el código correcto.

    Estoy empezando en el desarrollo web con WordPress y agradecería mucho vuestra ayuda para resolver este inconveniente.

    Muchas gracias.

    • Este debate fue modificado hace 8 meses, 2 semanas por Sergio. Razón: La url no es la de ayuda
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador Fernando Tellado

    (@fernandot)

    hace 8 meses, 1 semana

    Hola @wiinilo

    Sin poder inspeccionar ni siquiera una página en la web, o una captura o algo, es casi imposible adivinar qué en concreto puede estar pasando, si es una funcionalidad, un fallo o qué incluso.

    Si no puedes compartir la URL pasa algo de información al menos.

    ¿probaste ya a desactivar plugins? ¿pasa también sin el pro activado?

    Iniciador del debate wiinilo

    (@wiinilo)

    hace 8 meses, 1 semana

    Buenos dias.

    Os infomé sobre una Web que actuaba en consecuencia. En el post inicial aparece bien claro su url.

    En cualquier caso, después de mcuhas horas buscando y probando, os dejo el código por aquí por si a alguién le puede venir bien:

    Código .css
    {
    -webkit-tap-highlight-color: transparent;
    }

    /* Eliminar el borde de enfoque */
    *:focus {
    outline: none !important;
    box-shadow: none !important;
    }

    Por mi, asunto cerrado.

    Saludos.



    Iniciador del debate wiinilo

    (@wiinilo)

    hace 8 meses, 1 semana

    Resuelto.

    Moderador Fernando Tellado

    (@fernandot)

    hace 8 meses, 1 semana

    Me alegro, gracias por compartir la solución

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)

El debate ‘Ayuda. Problema con bordes oscuros en iconos/menus en versión móvil y tablet’ está cerrado a nuevas respuestas.