Tengo el tema Ocean _WP free con Elementor y me sucede lo siguiente:
cuando navegas en la web cada vez que pulsas un menu se queda remarcado con un cuadrado, entiendo que habría que cambiar algo de CSS pero no entiendo mucho de esto, me pueden ayudar, gracias.
Contenido solo visible a usuarios registrados
Hola Sergio,
Esto suele mostrarse en los elementos cuando se tiene la pseudo-clase :focus; sin embargo, esto no es recomendable eliminarlo, una solución para que no se muestre es usar un código CSS que no lo muestre cambiado su color por ejemplo
#site-navigation-wrap .dropdown-menu >li >a:focus {
outline-color: #ffffff !important;
}
Este código debes añadirlo en el apartado de apariencia -> personalizar -> CSS Adicional
Revisa esto y nos comentas como ha ido todo
Un Saludo
@karen Hola Karen, lo primero de todo gracias. He añadido el código y ahora se muestra durante un segundo y desaparece en el menu principal. Sin embargo en dispositivos moviles se queda marcado y en iconos también. No hay manera de eliminarlo de toda la web?. Esto no lo veo en otras páginas... Porqué no es recomendado quitarlo si en otras web no está??
Hola Sergio,
Puedes utilizar este código para eliminar el outline:
a:focus {
outline: none !important;
}
Igualmente, no se recomienda por accesibilidad en cuanto dispositivos móviles y su clasificación por google, ten este código a mano por si encuentras en algún análisis de tu sitio algún aviso de google indicando que faltan outlines.
Un saludo 🖐️