Estoy trabajando en un sitio web de Wordpress y no sé cómo solucionar este error. Cuando vuelvo a la parte superior de la página después de haber hecho clic en un botón de menú, ese botón de menú conserva el color. Sucede en Chrome y Firefox, Safari funciona bien. Probé todas las posibles soluciones :(

¿Alguien me puede ayudar? AQUÍ

Gracias

-1
malvibra 4 ago. 2017 a las 20:09

2 respuestas

La mejor respuesta

El problema es que hay un selector de color de fondo y conjunto de colores :focus. Entonces, cuando haces clic en el menú, está enfocado. Incluso si se desplaza hacia arriba, el enfoque permanece allí. Y como llegó a la cima, el menú Home obtendrá la clase active. Por lo tanto, ambos enlaces se mostrarán como activos. Intente agregar esto para evitar que el enlace esté activo en el foco,

.navbar-default .navbar-nav > li:not(.active) > a:focus {background-color:inherit !important;color: #4c3d3d !important;}

Nota: se usó !important ya que las otras reglas ya tienen !important. Recomendaría no usar !important en todas partes.

0
Robin C Samuel 4 ago. 2017 a las 17:31

Es esta css:

.navbar-default .navbar-nav > li > a:focus {
    background-color: #c00000!important;
}

Elimine esa referencia del CSS o sustitúyala.

0
sn3ll 4 ago. 2017 a las 17:15