Desactivar elementos CSS en el móvil

En algunas ocasiones necesitamos ocultar cierto contenido en nuestra página web cuando se accede desde el móvil ya por qué no se vea correctamente o porque no nos interesa. Con este sencillo truco podrás ocultarlo, tan solo tienes que localizar que quieres ocultar y escribir el siguiente código en tu hoja de estilos.

@media handheld, only screen and (max-width: 767px) {
.slider {
display:none;
}
}

@media only screen and (max-width: 1023px) {
.slider {
display:none;
}
}

Con el código anterior hemos conseguido desactivar la clase slider para aquellas resoluciones a la indicada que se corresponde con nuestro Slider en WordPress. Debes sustituir .slider por la clase o div que deseas ocultar.

Escribir un comentario