Liquid, Javascript
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..
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.
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
}
},
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.
Usuario | POSICIONAMIENTO |
---|---|
7 | |
1 | |
1 | |
1 | |
1 |
En este artículo, vas a aprender sobre todo lo que tienes que saber sobre la creación, ...
By Javier Nov 23, 2023Como bonanza anual de BFCM ofrece una oportunidad increíble de exponer tu tienda a una ...
By Javier Nov 17, 2023Muchas tiendas son exitosas porque lograron crear su propia comunidad en línea. En lugar d...
By Val Nov 16, 2023