Dónde funciona y dónde no
Es un problema que afecta a la mayoría de las plataformas web, no solo a Chateea, porque depende del navegador del dispositivo.
Solución: una sección distinta para celulares
La forma más fiable de resolverlo es mantener el efecto parallax en escritorio y mostrar en celulares una versión de la sección con un fondo normal.1
Duplica la sección
En el editor, duplica la sección que tiene el fondo fijo.
2
Cambia el fondo en la copia
En la sección duplicada, cambia el tipo de fondo de Fijo (parallax) a una imagen normal, por ejemplo con ajuste de Cubrir (cover), o usa un color o un degradado.
3
Define en qué dispositivo se ve cada una
Configura la sección original para que se vea solo en escritorio y la copia para que se vea solo en celular, desde las opciones de visibilidad por dispositivo de cada sección.
4
Revisa y publica
Usa la vista previa móvil del editor y, sobre todo, prueba la página publicada en un iPhone real antes de dar el cambio por bueno.
Preguntas frecuentes
¿Puedo forzar el parallax en iPhone con código personalizado?
¿Puedo forzar el parallax en iPhone con código personalizado?
No hay una solución fiable: Safari en iOS no admite los fondos fijos de la misma forma que los navegadores de escritorio. La opción recomendada es usar una sección alternativa para celulares.
¿Y si uso Chrome en el iPhone?
¿Y si uso Chrome en el iPhone?
En iOS todos los navegadores usan el motor de Safari, así que el comportamiento es el mismo.
¿Afecta al SEO tener dos secciones duplicadas?
¿Afecta al SEO tener dos secciones duplicadas?
Evita duplicar textos largos o encabezados principales en ambas versiones. Si la sección es sobre todo visual, el impacto es mínimo.
Artículos relacionados
Versión distinta para escritorio y móvil
Muestra u oculta secciones según el dispositivo.
Diseños adaptables a celulares
Haz que tus páginas se vean bien en cualquier pantalla.
Degradados y desenfoque de fondo
Alternativas de fondo para tus secciones.
Video de fondo
Usa un video como fondo de secciones y filas.