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.
¿Alguna vez has creado una colección y has tenido problemas para añadir tus productos a...
By Ann Sep 10, 2024Una de las cosas que más presión genera a la hora de emprender con un negocio es conver...
By Teo Aug 20, 2024¿Alguna vez has visitado una página web lenta con imágenes pixeladas? ¿Qué haces cuando...
By Ann Aug 13, 2024