Ocultar y dar formato en la versión movil

ulises2010 · #1 (**permalink**) 21/05/2014, 02:00

Estoy llevando una página y veo que su versión movil oculta unos módulos

http://colpolsocmadrid.org/

Si reducis la ventana del navegador vereis que los módulos de arriba desaparecen, pero no se que css hace eso y si lo puedo descubrir mirando el código fuente, porque me gustaría que no desaparecieran pero poderles dar un formato diferente si es la versión móvil... ¿se puede?

gPuon · #2 (**permalink**) 21/05/2014, 10:03

Usando Media Queries para determinar los estilos para cada resolución... hay bastante información en la web

Un pequeño ejemplo:

Código HTML:

Ver original<!-- CSS PARA RESOLUCIONES MENORES A 800PX -->
<link rel="stylesheet" media="(max-width: 800px)" href=style800.css" />
 
<!-- CSS PARA RESOLUCIONES MENORES A 500PX -->
<link rel="stylesheet" media="(max-width: 500px)" href="style500.css" />

Saludos!

ulises2010 · #3 (**permalink**) 21/05/2014, 17:41

Muchas gracias gPuon,

Pero mi problema ahora es que no doy con el código que esta ocultando los módulos superiores al cambiar la resolución... ¿cómo podría encontrarlo?

pzin · #4 (**permalink**) 22/05/2014, 01:16

Usa el inspeccionar de elementos y ahí ya te marca qué estilos se están aplicando, la linea y el fichero.