Cómo ocultar Widgets en dispositivos móviles - WordPress

ulises · 26 Ene 2014

Hola buen dia Betas,
Alguien sabe que hacer para elegir los widgets que quisieramos que NO se muestren para dispositivos moviles. Sucede que tengo un blog en wordpress y a la hora de que los dispositivos moviles ingresan, un widget de la Fan Page, estorba y se ve molesto para el usuario. Alguien sabe como poner una condicional a esto? se los agradesco. saludos 🙂
Este es mi blog ... El Psicoasesor
aqui les dejo una imagen ..

Phatalsick · 26 Ene 2014

Puedes hacerlo utilizando las media queries de CSS3.

ulises · 26 Ene 2014

Hola Phatalsick, gracias por la respuesta, pero sinceramente no tengo la minima idea de como utilizar media queries en el widget :/ .. me podrias ayudar en esto?

robikhan · 27 Ene 2014

Prueba con esto:

HTML:

<div class="nomostrarenmovil">Aqui tu código del widget </div>

En tu css añade:

HTML:

/* No mostrar widget dependiendo la resolución */
media screen and (max-width: 401px) { 
    .nomostrarenmovil {
        display: none !important;
    }
}

Y listo

ramonjosegn · 27 Ene 2014

Buen truco, posiblemente lo use también, aunque supongo que dependerá en gran medida del theme que funcione o no...

Cómo ocultar Widgets en dispositivos móviles - WordPress

ulises

Phatalsick

ulises

robikhan

ramonjosegn

Temas similares