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

U

ulises

Épsilon

• 26 Ene 2014

• #1

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 ..

 

P

Phatalsick

Beta

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Ene 2014

• #2

Puedes hacerlo utilizando las media queries de CSS3.

 

U

ulises

Épsilon

• 26 Ene 2014

• #3

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?

 

R

robikhan

Delta

• 27 Ene 2014

• #4

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

Sigma

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario popular!

• 27 Ene 2014

• #5

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