Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Clarification Needed on Image Order for Webflow Page Layout

Avatar of Emily M.Emily M.
·

Anyone able to take a look at the interactions on this page in the section under the header? I'm confused on how to set this up. The last image is showing up on top of all the others... Am I meant to add the images in the opposite order? (Layout 348) Read-only

6 comments

  • Avatar of Emily M.
    Emily M.
    ·

    Matt J. Would really appreciate your help here. I'm useless when it comes to troubleshooting animations

  • Avatar of Matt J.
    Matt J.
    ·

    Emily M. I would prefer to say inexperienced! I did a quick loom here with a possible fix but there's still a bit of mystery here. https://www.loom.com/share/5d5ed125e6b840cea77ccd74960c97c3?sid=046ebb98-c789-4e4e-be98-f8ca0f0a394c

  • Avatar of Emily M.
    Emily M.
    ·

    Thank you! I have just:

    • Set the offset to 50% as on the original component

    • Added back in the background-holder

    • Removed the extra interaction trigger

    It's still only working when I scroll down to the bottom and back up. It seems to be something up with the first image (South Africa), but I can't figure out how.

  • Avatar of Emily M.
    Emily M.
    ·

    I tried reversing the order of the images in the DOM and the South Africa image sticks there the whole time. It feels like its interaction is broken somehow. I'm gonna start with a fresh component and see what I can do.

  • Avatar of Emily M.
    Emily M.
    ·

    Wooooohoo it's fixed! I started fresh and realised I had also deleted the background-holder animation which must have been crucial. Thanks a million Matt!!

  • Avatar of Matt J.
    Matt J.
    ·

    ah yeah nice! But still the mystery of why it works just fine when you scroll back up - at least in my opinion thats a mystery but glad we got it resolved!