[AYUDA] Ocultar elementos del blog para dispositivos móviles.

  • Autor Autor trabajosweb
  • Fecha de inicio Fecha de inicio
trabajosweb

trabajosweb

Zeta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Me gustaría saber cómo puedo ocultar elementos en mi blog pero para dispositivos móviles. Por ejemplo, si quisiera ocultar la barra lateral en dispositivos móviles ¿cuál sería el procedimiento a seguir para obtener dicho resultado?
 
Lo pueden hacer con media queries y agregandole una clase a lo que desean ocultar al ser un dispositivo movil por ejemplo:

Insertar CODE, HTML o PHP: 

 [MENTION=16931]medi[/MENTION]a (max-width: 400px) {
   .esmovil{
       display:none;
   }
}

 [MENTION=16931]medi[/MENTION]a (max-width: 550px) {
   .esmovil{
       display:none;
   }
}

Y le agregan la clase esmovil

HTML: 
<div class="esmovil">esto se oculta en movil</div>

CSS3 @media Rule
 
S3RGI0 dijo:
Lo pueden hacer con media queries y agregandole una clase a lo que desean ocultar al ser un dispositivo movil por ejemplo:

Insertar CODE, HTML o PHP: 
 [MENTION=16931]medi[/MENTION]a (max-width: 400px) {
   .esmovil{
       display:none;
   }
}

 [MENTION=16931]medi[/MENTION]a (max-width: 550px) {
   .esmovil{
       display:none;
   }
}

Y le agregan la clase esmovil

HTML: 
<div class="esmovil">esto se oculta en movil</div>

CSS3 @media Rule
Hacer clic para expandir...

RaulOrCase dijo:
[MENTION=44717]trabajosweb[/MENTION] Les dejo este enlace:

¿Cómo ocultar elementos en la versión de escritorio o móvil?

lo de [MENTION=111847]S3RGI0[/MENTION] es lo mismo pero mejor explicado... salu2 :encouragement:
Hacer clic para expandir...

Aún no tengo idea de cómo aplicarlo en Blogger, por ejemplo, con la barra lateral. 😕
 
trabajosweb dijo:
Aún no tengo idea de cómo aplicarlo en Blogger, por ejemplo, con la barra lateral. 😕
Hacer clic para expandir...

Buscas la Id o Clase de la sidebar o la barra o lo e quieras ocultar y en el ejemplo de arriba solo reemplazas .esmovil por la de la barra.
 
MrGoogle dijo:
Buscas la Id o Clase de la sidebar o la barra o lo e quieras ocultar y en el ejemplo de arriba solo reemplazas .esmovil por la de la barra.
Hacer clic para expandir...

mIiCMyF.png


Se supone que me debería funcionar así como lo puse ¿no?
 
i don't understan

i don't understand about code so i like it
Who can help me?
 
Copy and page that code bro, but it seems that doesnt work in some devices...
 
trabajosweb dijo:
mIiCMyF.png


Se supone que me debería funcionar así como lo puse ¿no?
Hacer clic para expandir...

te falta @ antes de media, ademas debo de decirte que tienes codigo de mas ya que

Insertar CODE, HTML o PHP: 
@media (max-width: 400px)

sale sobrando.
 
Última edición:
Hay que estar conectado o registrado para responder aquí.

Temas similares

Elliiott
Excluir Gadgets del blog para dispositivos móviles.
Respuestas
1
Visitas
514
Elliiott
Elliiott
Atrás
Arriba