Ocultar un enlace de un menu al hacerlo responsibe

Blash

Muy buenas a todos, os comento mi problema.

Tengo un cambio de lenguaje en el header de mi web de wordpress con el theme DIVI, el cual pongo con esta URL

<div id="et_top_search_2"><div class="lang"> <a class="alang">ES</a>|<a href="/en/" class="alang active">EN</a></div> </div>

Quiero ocultarlo cuando el navegador vaya cambiando de tamaño. Es decir, por ejemplo a partir del tamaño 600px para que así no se muestre en tablets y móviles.

He leído que con este código se debería de poder, pero no hace efecto.

@media screen and (max-width: 600px) {
#et_top_search_2{
display:none;
}
}

También he probado con

@media screen and (max-width: 600px) {
div#et_top_search_2{
display:none;
}
}

¿Qué estoy haciendo mal? Gracias!

Troyer

Funciona perfectamente:

https://jsfiddle.net/ba5L4ydu/

Tu problema es que tienes alguna regla que te machaca esa, ponlo abajo del todo del CSS o ponle un display:none !important;.

1 respuesta
Blash

#2 Ahora si!! Con el important me fue sin problemas.

Joder, por una puta tontería llevo toda la mañana loco jeje.

Mil gracias tio.

1 respuesta
Troyer

#3 intenta evitar el important lo máximo posible.

Las media query es mejor meterlas abajo del todo porque son reglas excepcionales que se cumplen con cierta condición, así tienen preferencia sobre las demás.

Usuarios habituales

  • Troyer
  • Blash