FROM CACHE - es_header

Movil & desktop

Movil & desktop

Cellczs
Visitante
2 0 0

Buen día como hago para que no se muestre un bloque en desktop pero en móvil si. Gracias si me pueden ayudar ya que soy nuevo en esto..

3 RESPUESTAS 3

JRcode
Shopify Partner
27 1 1

Hola, 

Utiliza CSS:

.bloque1{

  display:block;

@media only screen and (max-width: 480px) {
  .bloque1 {
    display:none ;
  
}
}

En este ejemplo, el elemento con clase ".bloque1" se verá solo en dispositivos con ancho de pantalla mayor a 480px.

 

Un saludo.

Cellczs
Visitante
2 0 0

por ejemplo esto como lo puedo ocultar.

 

"165712408170d2a280": {
"type": "image-banner",
"settings": {
"image": "{{ product.metafields.custom.banner_final_pag.value }}",
"image_overlay_opacity": 0,
"image_height": "small",
"adapt_height_first_image": true,
"desktop_content_position": "middle-center",
"show_text_box": true,
"desktop_content_alignment": "center",
"color_scheme": "background-1",
"mobile_content_alignment": "center",
"stack_images_on_mobile": true,
"show_text_below": true
}
},

JRcode
Shopify Partner
27 1 1

Si eso se ve en el front es porque hay un fallo en el código. Deberías compartir la URL de la tienda o una captura de pantalla para poder ayudarte.