¿Cómo ocultar contenido en CSS al bajar de resolución?

Googleriano · 2 May 2013

Necesito de un experto que me de la mano en este tema. Tengo un par de horas buscando y leyendo en Google y no he encontrado nada...

Lo que necesito es un código ccs o alguna forma de ocultar una imagen, slider o contenido cuando se accede al web con una resolución menor. Por ejemplo, si tengo una imagen 800x600px que desaparezca cuando se accede con una resolución inferior 640x400px.

Lo que busco es que cuando un usuario acceda via movil esta imagen o contenido desaparezca. Uso wordpress y me gustaría hacerlo con ccs o con algun script, sin tener que hacer uso de plugins...

rotherus · 2 May 2013

Yo creo que seria asi:

Insertar CODE, HTML o PHP:

@ media screen and (max-width:640px)
{
   #id img {display:none }
}

PD: el @ media sin espacio, lo pongo asi porque cuando lo unto hace mencion a un usuario

Googleriano · 2 May 2013

rotherus dijo:
Yo creo que seria asi:

Insertar CODE, HTML o PHP:

@ media screen and (max-width:640px) { #id img {display:none } }

PD: el @ media sin espacio, lo pongo asi porque cuando lo unto hace mencion a un usuario

No me funcionó...

rotherus · 2 May 2013

manuelspirit dijo:
No me funcionó...

lo acabo de probar y si funciona, trata haciendolo en un css aparte para todo lo que es responsive :encouragement:😎

Googleriano · 2 May 2013

Y como lo haría, es que estoy algo flojo con el ccs... Podrias crearme el codigo para el archivo ccs, y el codigo que lo llama? 😕 [MENTION=34600]rotherus[/MENTION]

---------- Post agregado el 03-may-2013 hora: 01:01 ----------

Si, funciona muy bien el código... Mil gracias. 🙂

juanvn · 8 May 2013

si que te debería funcionar, cambia el id por el identificador del broque que deseas ocultar

¿Cómo ocultar contenido en CSS al bajar de resolución?

Googleriano

rotherus

Googleriano

rotherus

Googleriano

juanvn

Temas similares