Consejos divi 81

Parallax en móvil con Divi: ¿cómo hacerlo compatible?

Actualizado en 19/06/24

1530 palabras

6 lectura de minutos
46 Comentarios

Este artículo contiene enlaces de afiliados reconocibles por el icono porcentaje (%) → Soy un enlace de afiliado

Es realmente posible conseguir un imagen de fondo en paralelox en móvil con Divi ?

¿No te diste cuenta? Cada vez que colocas una imagen de fondo en paraleloax (CSS o real), no funciona en la versión móvil de tu sitio.

¡Es tan malo, y ha sido mucho más de una vez! Y estoy seguro de que también es tu caso, al menos si llegas a este artículo...

No te preocupes, este pequeño problema se resolverá en 2 o 3 clics y pronto se convertirá en un viejo recuerdo...

1 – ¿Cuál es el efecto Parallax?

Efecto paralaje ¡No salgas ayer! Es gracias a él que puedes crear diseños originales para sus sitios web.

Parallax (o parallax) da un efecto de profundidad e incluso un aspecto 3D a sus sitios web porque fondo de una sección se mueve a una velocidad diferente que la de los elementos del primer plano, cuando el usuario desplaza la página hacia abajo o hacia arriba (scroll).

El paralaje le permite jugar con imágenes de fondo y elementos de primer plano: con Divi, es fácil añadir una sección con una imagen de fondo en paralaje y luego colocar un módulo de texto sobre él.

Para que el efecto sea completamente exitoso:

  • Su página (función) debe ser bastante larga: si su página es demasiado corta, la imagen en paralelo no puede ser Scrolled para mostrar el efecto esperado.
  • El fondo paralaje no debe estar unido: Si el fondo está unido, el efecto paralaje se perderá porque no veremos nada. Así que prefiera una imagen de textura, una foto de paisaje, un color gradiente...

Para aprender más sobre el efecto paralaje, lea esto excelente Artículo d.

¿Sabes que puedes probar Divi gratis? Nos vemos en esta página y haga clic en "Pruébalo GRATIS"

2 – Parallax CSS o Parallax Real?

Esta es una pregunta que se le hace cada vez que usted habilitar la opción paralaje en tus imágenes de fondo. Ya sea dentro de una sección (azul o violeta) o dentro de una línea (verde)...

Efecto del eje paralelo "Real" o "CSS"

"Real parallax" opción permite obtener un fondo que se mueve a una velocidad diferente del pergamino. Es un efecto paralaje.

La opción paralaje CSS añade una propiedad CSS a la imagen de fondo, esta es la "Apego de fondo" con un valor fijo. El fondo se fija y el contenido se desliza, como si la imagen de fondo estuviera "pintada" en la parte inferior del sitio.

Para entender mejor, he preparado un video para usted:

Dependiendo de las necesidades de su proyecto, puede jugar con ambos tipos de paralaje.

La opción Parallax CSS es realmente interesante si colocamos varias secciones después con fondos fijos y más o menos similares... Imagínese algunas imágenes de stop-motion que se siguen y crear un efecto de dibujo-animado en simple CSS!

3 – ¿Por qué el efecto paralaje no funciona en móviles y tabletas?

Sí... ¡Ahí es donde se complica! Podemos conseguir resultados sorprendentes simplemente con un efecto paralaje pero la preocupación es que no funciona en el móvil...

Siempre me han dicho eso, siempre he leído eso...

Casi parece un tabú... Parece que es debido a los navegadores móviles (Safari móvil y compañía) que no aceptaría el famoso "Apego de fondo: fijo"

Y también para una cuestión de rendimiento del sitio

Sin embargo, nada se utiliza tanto en el modo "scroll" como una pantalla móvil y tableta, es incluso la base!

Bueno sí, ya he visto (y tú también) algunos sitios de WordPress que usan efectos de paralaje en la versión móvil ¡Oye! ¿Cómo lo hacen entonces?

4 - ¿Cómo añadir paralax en móvil con Divi?

La idea es desarrollar su sección paralaje como de costumbre o como se presenta en el video anterior.

Por ahora, funciona en versión de escritorio pero no en móvil y tableta...

Así que simplemente agregue el siguiente bit de código:

<script>
    jQuery(document).ready(function($) {
      // Mobile device check
      $is_mobile_device = null !== navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/);
      if ($is_mobile_device) {
        // Function to check if an element is in the Viewport
        isInViewport = function(elem) {
            elementTop = elem.offset().top, elementBottom = elementTop + elem.outerHeight(), viewportTop = $(window).scrollTop(), viewportBottom = viewportTop + $(window).height();
            return elementBottom > viewportTop && elementTop < viewportBottom;
        };
        // Apply Parallax transform calculations when scrolling
        $(window).scroll(function() {
            $(".et_parallax_bg").each(function() {
               var $this_parent = $(this).parent();
               // Check if the parent element is on-screen
               var $is_visible = isInViewport($this_parent);
               if ($is_visible) {
                 element_top = $this_parent.offset().top,
                 parallaxHeight = $(this).parent(".et_pb_fullscreen").length && $(window).height() > $this_parent.innerHeight() ? $(window).height() : $this_parent.innerHeight(),
                 bg_height = .3 * $(window).height() + parallaxHeight,
                 main_position = "translate(0, " + .3 * ($(window).scrollTop() + $(window).height() - element_top) + "px)";
                 $(this).css({height: bg_height,"-webkit-transform": main_position,"-moz-transform": main_position,"-ms-transform": main_position,transform: main_position});
               }
            });
        });
      }
    });
</script>

Nota: este código fue creado por Ed Solman.

Puede agregar este código de acuerdo a 2 opciones:

1 – Dentro de su diseño gracias a la Módulo de código disponible en el constructor visual. En este caso, El efecto paralaje móvil sólo funcionará aquí

código insertado en el diseño
Código insertado dentro del diseño con el módulo de código Divi

2 - En la pestaña Divi Opción temática > Integración : añadir este código en la sección <head> Su sitio. En este caso, el efecto paralaje se aplicará a todo el sitio.

paralaja móvil aplicable en todo el sitio
El efecto paralaje móvil será aplicable en todo el sitio.

No hay nada más! Ahora el efecto paralaje de sus secciones es ahora compatible en las pantallas móviles!

5 - Algunos ejemplos de efecto paralaje exitoso (en vídeo)

Le sugiero que descubra algunos sitios web que usan el efecto paralaje... Tenga cuidado de la mayoría de estos sitios no son sitios de WordPress ...

Este es el sitio web digitalhands.net que utiliza un efecto paralaje que se mueve al movimiento del ratón. Eso me recuerda un poco El efecto "cielo estrellado" de las partículas. js. El renderizado es muy exitoso y cautivador.

El sitio Egopop.net ofrece una pantalla de inicio con otro efecto paralaje al movimiento del ratón... ¡Es sencillo y divertido!

El sitio iutopi.com es un buen ejemplo de efectos de eje paralelo al pergamino. ¡Estamos en plena inmersión! Tenemos casi una impresión de "20.000 leguas bajo los mares"

El Beckett. sitio de diseño en cambio cae en la categoría "demasiado". Digamos que los efectos paralajes son muy agradables pero hay casi todas las secciones... Es un poco excesivo, ¿no crees?

El sitio web le-mugs.com es sin duda el diseño más exitoso que he visto. A menudo presento este sitio a mis estudiantes durante mis clases.

Para decirle todo, es una WordPress pero el tema utilizado fue creado a medida... ¡Por supuesto!

Utiliza el paralax muy bien pero si vas a este sitio, verás una pantalla de carga un poco de largo, porque sí, todos estos recursos incrustados (images, parallax, video, animación SVG etc...) reducen el rendimiento...

Y por supuesto, tal diseño no deja espacio para un buen Optimización SEO, porque pequeño texto. Así que, en realidad, se requiere una opción...

¡No te demores! Descubre el tema Divi aquí. !

6 - En conclusión: terminar diferentes diseños en escritorio y móvil!

Exacto. sin código (Véase el capítulo 4) hacer que el efecto parallax sea compatible con Divi, casi se requiere para desarrollar dos versiones del sitio: una para las pantallas de ordenador (desktop) y una para móviles y tabletas.

Así que básicamente, sin este código, disfrutas del diseño en la versión de la computadora y estás frustrado por la versión móvil... Eso es lo que sentiste antes de insertar el código d ?

Además, esto es ciertamente lo que los desarrolladores del sitio del Restaurante Le Mugs (vídeo anterior) se vieron obligados a hacer: una versión de escritorio entonces una versión móvil desarrollada en una URL diferente... Vea estos dos vídeos capturados en el móvil:

El Versión de escritorio visitado en los programas móviles muestra que el tema no Responsabilidad. Sin embargo, el efecto de paralaje funciona bien... pero la mitad de los contenidos están picados. ¡Qué pena!

Entonces veamos. versión optimizada para móvil, y sin efecto paralaje:

De hecho, esta versión es mucho más optimizada para móviles. Sin embargo, ya no podemos encontrar ningún efecto de paralaje, daño! Esto es precisamente lo que hizo sitio de este restaurante Tan especial... Por lo tanto, los desarrolladores del sitio se vieron obligados a crear 2 versiones del sitio...

Así que usted entiende: ya no necesita comprometerse! El efecto parallax en el móvil es muy compatible con los sitios de WordPress utilizando el tema Divi!

Divi movimiento eje paralelo
eje paralelo móvil

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256

Proudly translated by wpLingua, la extensión de traducción para WordPress ¡Que me desarrolle! SEO-Friendly / Automático / Editable

46 Commentaires

  1. Nathalie Dauchez

    Bonjour et merci beaucoup pour ce bout de code qui rend mon site enfin sympa avec son effet parallaxe en version responsive !
    Par contre, cela ne fonctionne que si on le met en « mode » parallaxe réel, avec le « mode » css il ne se passe rien. En tout cas, c’est vraiment top que ça fonctionne 🙂
    Encore merci,
    Bonne journée

  2. Lycia Diaz

    Merci Nathalie. 😉

  3. David C.

    Merci pour ce tuto Lycia.
    En effet, j’ai lu partout que l’effet Parallaxe en JS est désactivé sur mobile pour des raisons de performance. Mais maintenant que nous avons tous des mobiles dernier cri avec des processeurs qui montent à des hautes fréquences permettant de traiter plusieurs processus sans faire ralentir le système, cela peut être remis en question.

    Par contre, je m’aperçois dans ton code (ou plutôt celui de Ed Solman) qu’il injecte du CSS en JS. Ce n’est pas recommandé. Il est préférable de jouer sur les DOM en ajoutant/supprimant des classes.

    Sinon, dans tes exemples, tu montres des effets parallaxe avec le pointeur de la souris… Ce qui est légèrement différent. Là tu joue sur l’emplacement x et y du pointeur et non de la position top de l’écran (scroll).

    Par défaut, je n’aime pas jouer avec du JS sur ces éléments qui demandent beaucoup de ressource/puissance. On s’aperçois très vite qu’avec une machine qui n’est pas très performante (la majorité qui sont acheté par les particulier en grand surface ou pour les employés moyen), il y a de gros ralentissement avec des effets pas top.

    Quoi qu’il en soit, bel article 😉

  4. Lycia Diaz

    Salut David,
    Merci pour ces précisions et belle année 2020 à toi !
    Tu es le Roi Sauveur du JS 😉 Dommage que je n’ai pas un système de commentaires qui fonctionne avec des badges 😉 Lol !
    Oui tu as raison, les X et Y, c’est pas du scroll à proprement parler…

  5. David C.

    Il ne te reste plus qu’à mettre un p’tit plugin pour ça 🙂

    PS : je mets mon site à chaque commentaire, j’ai vu sur le search console que c’était indexé (bizarre) et du coup ça me fait des backlink cool 🙂

  6. Lycia Diaz

    Hey hey 😉
    Oui, les commentaires sont comptabilisés en tant que backlinks. Même s’ils sont « Nofollow » (c’est pas moi, c’est WordPress), Google les prends en compte !
    Comme quoi, le « nofollow » est quand même « suivi » par Google, contrairement à ce qu’ils veulent nous faire croire 😉

  7. Cédric

    Salut, de mon côté, ça créé un parallaxe sur mobile, mais que style parallaxe réel, et c’est tout saccadé, pas moyen de fixer pour avoir un parallaxe css qui serait sans saccade ?

    PS: bonne année !

  8. Lycia Diaz

    Salut Cédric,
    C’est bizarre, tout a l’air de fonctionner de mon côté. Si tu regardes la page d’accueil d’Astuces Divi en version mobile, tu verras le mockup avec l’arrière-plan en parallaxe et il ne semble pas être saccadé (du moins sur mon mobile).
    Ton problème vient peut-être d’ailleurs ?

  9. Cedric

    Ça a toujours fait ces saccades quand j’active le
    Parallaxe mobile, sur tous mes sites. D’habitude je le fais grâce à divi hacks. Je pensais que ce script fonctionnerait mieux, c’est dommage. Tu dois être sur Android non? Je pense que c’est surtout sur Apple que ça part en vrille. C’est pour ça que j’aimerai pouvoir mettre le parallaxe css et non réel, au moins plus de saccade.

  10. David C.

    Lycia, Cédric veut du parallex CSS sur mobile.
    Ton script est pour du parallax JS il me semble.

  11. Lycia Diaz

    Cédric : non je suis sur Mac/iPhone/iPad… pas d’Androïd.
    Mais si tu veux du « Parallaxe CSS », c’est pas possible. Comme le dit David, c’est du Parallax JS (Parallaxe « Réelle »). Seul ce code fonctionne sur mobile (apparemment).

  12. Cedric

    Pas possible ou tu ne sais pas? Parce que j’ai déjà vu sur des sites WordPress des images background fixes. Il doit bien y avoir une solution.
    Pour info, je ne suis jamais notifié de tes réponses.

  13. Lycia Diaz

    Ah…
    J’ai pourtant parcouru tout le web justement à ce sujet car c’est une question que je me suis déjà posée… mais rien de probant. C’est pourquoi je dis que ce n’est pas possible. Mais une solution doit bien exister, je suppose.
    Ce tuto fonctionne pourtant bien et sans saccade.
    Est-ce que tu vois des saccades sur ma home ?

  14. David C.

    J’ai regardé ton effet parallaxe sur ta page d’accueil, ça fonctionne bien sans saccade.

    Et même sur Android… Nan mais oh c’est quoi ce racisme loooollll

    Cédric, il faut confirmer ton abonnement aux commentaires (avec un compte wordpress.com/org) pour être notifié.

    Lycia, tu devrai mettre le plugin stcr, il gère très bien les abonnements aux commentaires.

  15. Cedric

    Non ça fonctionne très bien sûr ta home.
    Possible que tu m’envoies un layout juste avec la section qui contient ton parallax ? Comme ça si ça fonctionne pas sur mon site je saurai que ça vient d’ailleurs

  16. Lycia Diaz

    David : le plugin STCR ? Tu me parles chinois 😉 Et non, y’a pas de racisme Androïd/iOS ici… MDR !

  17. Mathilde.G

    Bonjour, merci bcp pour ce code ! Et tout le reste ! 🙂
    Je débute sur Divi et je me demandais si il y avait un moyen ou une astuce pour ajuster facilement le site version ordinateur à version mobile ?

    Merci,

    Bonne soirée,

    Mathilde

  18. Lycia Diaz

    Merci Mathilde. Oui, il y a des options pour paramétrer chaque version au niveau de chaque module. Tu verra un petit icône, tu cliques dessus et tu donnes les valeurs pour chaque version 😉

  19. Mathilde.G

    Merci milles fois ! J’ai trouvé le petit icône qui permet de paramétrer individuellement les dimensions ! Je suis joie !!
    Et votre site est super il m’aide énormément dans la création de mon site, une vraie bible !

  20. Lycia Diaz

    Merci Mathilde

  21. Sterling Williams

    Where is the script for us to copy paste for this mobile parallax pls? I don’t see it anywhere on the page
    PRICELESS to have mobile parallax backgrounds! PLS

  22. Lycia Diaz

    Hi Williams ! Sorry for the trouble ! Look at the french version of this post and you will found the Script . Thanks !

  23. Val

    Hey ! Trop Cool ce script ! Merkkkiiii 😉
    J’en profite pour te demander si ton divi-child est tjs d’actu avec la dernière version de Divi ?!
    Je suppose que oui mais si déjà je suis là, je demande … lol
    Bonne semaine
    Et merci encore pour l’astuce parallaxe ! Top !

  24. Val

    0_o mon précédent commentaire a été supprimé ?!
    Je ne vois pas pourquoi. Tant pis !

  25. Lycia Diaz

    Salut Val,
    Non ton commentaire n’a pas été supprimé, je ne l’avais juste pas encore validé 😉
    Pour le Divi Child, oui, c’est bon 😉
    À bientôt
    Lycia

  26. Val

    Coucou Lycia,

    Ok sorry mais c’est bizarre parce que j’avais bien une note comme quoi le message était en attente de modération et puis après, plus rien, comme disparu.
    Voilà pourquoi j’ai pensé qu’il avait été supprimé 🙁
    Dsl 😉
    Merci pour ta réponse.
    Au plaisir
    Val

  27. Guillaume

    Bonjour mon image de fond ne reste pas fixe malgré le code, si je réduis mon navigateur en version mobile cela fonctionne mais lorsque je regarde depuis mon mobile cela ne fonctionne plus…

  28. Lycia Diaz

    Si tu mets le code ça doit marcher. Ton mobile est peut-être en cache et garde l’ancienne version ?

  29. Christelle

    Bonjour,
    Avant tout je tenais à vous remercier pour tous vos tutos vraiment sympas !
    Mon souci aujourd’hui, je n’ai rien trouvé en ce qui concerne le saut d’image. Sur ordi mon image parallaxe fonctionne bien. Si je mets la visualisation du mobile sur ordi, c’est idem, ça fonctionne bien. En revanche, lorsque je regarde sur mobile, il y a un effet qui saute sur l’image ?! J’ai regardé sur plusieurs mobiles différents et j’ai toujours ce soucis. Comment faire pour que l’image en parallaxe ne saute pas sur mobile ?
    Merci d’avance de votre réponse.

  30. Lycia Diaz

    Salut Christelle, normalement, si tu suis le tuto sur cet article, tu ne devrais pas avoir de souci de ce genre ?

  31. Etienne

    Bonjour.
    Cet article et ces commentaires sont un peu anciens maintenant, mais je les découvre seulement et je rencontre effectivement le problème d’image qui saute en paralaxe réel lorsque je regarde en mode tablette sur ordi. Je n’ai pas de vraie tablette pour vérifier et ma version mobile n’a pas de paralax.

    Mais surtout, mon plus gros problème c’est que j’ai besoin de pouvoir avoir du paralaxe CSS sur tablette. C’est toujours pas possible ? Y a pas un code qui permettrait ça et qui aurait été développé depuis ?

    Le problème c’est que j’ai du paralaxe CSS sur version Bureau et lorsqu’on passe sur tablette en position horizontale, c’est toujours la version bureau qui s’affiche. Donc si je veux enlever le paralaxe CSS de la version tablette, je suis obligé de l’enlever de la version bureau. Je suis donc bloqué car j’ai besoin de ce paralax pour ma version bureau.

    Merci bcp de vitre aide

  32. Lycia Diaz

    Salut Etienne, le tuto ici présent est toujours d’actualité pour accepter le parallaxe sur mobile (et le tuto n’est pas si vieux d’ailleurs)… Bref, tu as peut-être un souci de responsive : https://astucesdivi.com/responsive-design-divi/

  33. Nom *Dan

    Hi there!

    I am dreaming of when I will be able to have parallax on mobile

    I am using your code but not working

    I have 2 sites:

    1- the old with WIX https://www.awakeningchannel.com/
    2- the new one with WP: https://new.awakeningchannel.com/

    I would love to have the same parallax in the new site …

    Please help

  34. Lycia Diaz

    Hello Dan, with WIX, this snippet doesn’t work. For WordPress, this snippet will work if you use Divi Thème. Did you try my code ?

  35. Bou

    Bonjour Lycia et les autres 😉

    Besoin d’aide pour corrige mon problème svp
    J’ai inséré ce code mais cela n’a pas fonctionné come je le souhaitais : mon image de fond en parallaxe est énorme et pixellisée. Pourtant l’outil Divi de vérification au format mobile me l’affiche correctement.
    Site internet pas encore en ligne.

    Heeeeelp please ?

  36. Lycia Diaz

    Salut Bou, est-ce que ton image de base a une taille correcte, genre 1000 ou 1500px de large ? Car si tu utilises des images de 200 ou 300 px, il est possible que le rendu soit de mauvaise qualité.

  37. Bou

    Mon image est de 2268 pixels par 1512, je ne trouve pas la solution à mon problème…
    Mon fond en parallaxe parcours tout le site, c’est peut-être là mon souci : un parallaxe doit’il est plus court ?
    C’est un site one-page avec un seul fond en parallaxe.

  38. Bou

    Mon image fait 2268 pixels par 1512 (en format horizontal).
    J’ai l’impression que ce code mets le mode « parallaxe réel » malgré que le « parallaxe css » soit sélectionné.
    Car lorsque je sélectionne parallaxe réel sur Divi au format bureau (juste pour tester) j’ai exactement le même rendu que sur ma version mobile. J’ai lu plusieurs commentaires au sujet de 2 différents parallaxes…avez-vous d’autres pistes de résolution svp ?
    Sinon je mettrai mon site en ligne que vous puissiez regarder.

  39. Lycia Diaz

    Oui, Bou, c’est vrai que la parallaxe CSS abime moins l’image. Je suis désolée de ne pas pouvoir t’aider davantage. ;-(

  40. Lycia Diaz

    Oui, tu devrais essayer de mettre l’image dans un conteneur plus petit pas sur l’arrière-plan de la page entière. Ça pourrait être mieux.

  41. Etienne

    Bonjour

    Voici un code qui fonctionne pour forcer les mobiles et tablettes à accepter le parallax.
    Il faut le mettre dans:
    DIVI / Option du thème / L’intégration / Ajouter ligne de code à la « Head » de votre blog.

    Pblm: Ca fonctionne sur les mobiles et tablettes Android mais pas Apple.
    Donc pas sur Iphone ni Ipad où les effets Parallax comme les Scroll effetcs ne fonctionnent pas.

    Bon courage !

    jQuery(document).ready(function($){
    $(‘.et_pb_parallax_css’).css(« background-attachment », »fixed »);
    });

  42. Bou

    Bonjour c’est encore moi 😉

    Après vérification je constate que l’image d’arrière plan ‘saute’ puis s’agrandie lors de la génération de la page web sur mobile. Mon site est dorénavant en ligne, j’ai essayé d’ajouter le code d’Etienne sans succès : est-ce que quelqu’un peut regarder ma page svp ? Adresse url : https://aucoeurdelavie77.fr/

    Dans l’inspection j’ai ce message d’erreur : DevTools failed to load SourceMap: Could not load content for https://aucoeurdelavie77.fr/wp-content/themes/Divi/js/custom.unified.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

  43. Bou

    Bonjour c’est encore moi 😉

    Après vérification je constate que l’image d’arrière plan ‘saute’ puis s’agrandie lors de la génération de la page web sur mobile. Mon site est dorénavant en ligne, j’ai essayé d’ajouter le code d’Etienne sans succès : est-ce que quelqu’un peut regarder ma page svp ? Adresse url : https://aucoeurdelavie77.fr/

    Dans l’inspection j’ai ce message d’erreur : DevTools failed to load SourceMap: Could not load content for https://aucoeurdelavie77.fr/wp-content/themes/Divi/js/custom.unified.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

  44. Bou

    Bonjour c’est encore moi 😉 (3ème tentative d’envoi de ce message)

    Après vérification je constate que l’image d’arrière plan ‘saute’ puis s’agrandie lors de la génération de la page web sur mobile. Mon site est dorénavant en ligne, j’ai essayé d’ajouter le code d’Etienne sans succès : est-ce que quelqu’un peut regarder ma page svp ? Adresse url : https://aucoeurdelavie77.fr/

    Dans l’inspection j’ai ce message d’erreur : DevTools failed to load SourceMap: Could not load content for https://aucoeurdelavie77.fr/wp-content/themes/Divi/js/custom.unified.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

  45. Valentin

    Bonjour,

    J’ai essayé d’ajouter ce code, mais rien ne change. Lorsque j’active un effet de parallaxe sur mobile, l’image se double (il s’agit d’un PNG avec des modèles 3D dessus, et ce sont ces derniers qui se dédoublent).

    Merci d’avance.

  46. Sabine

    Bonjour Lycia,

    Merci pour ton code CSS que je viens d’appliquer !
    Aurais-tu une astuce pour redimensionner l’image parallaxe en responsive, pour que la largeur de celle-ci s’adapte aux formats tablette et mobile (sans qu’elle soit tronquée, comme actuellement) ?

    Merci à toi.
    Sabine.

Presentar un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios se indican con *