Avisos
Vaciar todo

se queda marcado el menu

4 Respuestas
3 Usuarios
0 Reactions
11 Visitas
Respuestas: 2
New Member
Topic starter
 

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


 
Respondido : 30/08/2022 4:02 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

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 


 
Respondido : 30/08/2022 4:15 pm
Respuestas: 2
New Member
Topic starter
 

@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á??

 

 
Respondido : 31/08/2022 4:38 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

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 🖐️ 


 
Respondido : 31/08/2022 4:44 pm