Imprimir esta página
Lunes, 03 Abril 2017 16:37

Cómo ocultar módulos en dispositivos móviles

Valora este artículo
(0 votos)

Utilizaremos para ello la propiedad "display:none" de las hojas de estilo CSS. Desde ellas podremos esconder los módulos que interese que no se vean en los dispositivos móviles.

 

Paso 1. El código CSS

Añada el siguiente fragmento de código al archivo de CSS de la plantilla que estés utilizando. Con estas líneas estamos indicando que esta regla se aplique solo en el caso de que la pantalla tenga menos de 768 píxeles de ancho.

/* Ocultar Mobile */
@media (max-width:768px){
   .ocultarmobil {display:none}
}

Paso 2. Añadir la clase al módulos

 

Visto 182 veces