Relume Community Icon

Join the Community

Issue with Header 81: Scrolling and Image Scaling Problems

·

Hello everyone 👋 I'm currently building a site and trying to use Header 81 however I'm encountering a weird issue. I had this header on another page and it was working great, however when I tried to use it on a different page I started having a weird thing happen where when you scroll down the page, it doesn't stop at that section and wait for the picture to scale and stop before continuing to scroll down the page, it just keeps scrolling as the image scales up - so the result is that you never get to see the full screen size of the image. I tried copying the working section from the other page (which is now also having the same issue but was working fine initially) and have tried to copy the component from Relume fresh but nothing seems to help. If anyone could be of any help that would be fantastic. Here's a link to the loom video: https://www.loom.com/share/3f9dbafe727540578c83eafd1ca3938b?sid=badfc6bc-c6ac-4360-90e4-9f5518b4431b

6 comments

Matt J.
·
Michele Would you mind sending a read-only link?
Michele
·
Hi Matt, thanks for replying, I've actually figured out what I did wrong, I was copying the component from the home page inside Webflow, to the services page inside Webflow, rather that copying to component from the the Services page inside the Relume wireframe into Webflow - which I believe caused class conflicts and therefore not working - but everything is working as it should now. Interesting side note tho, when I tried to copy just the one component from the Relume wireframe into Webflow - it still wouldn't work, I had to copy the whole wireframed page from Relume into Webflow and then put all the website copy/images back in - is this normal? Here's the link though just in case you have some insight's about anything: https://pixel-perfect-web-designs-bf7b5b.webflow.io/
Matt J.
·
Michele thanks for that link! The read-only link that I was referring to is under the "share" button top right. Very interesting find there. Do you have the Relume Chrome Extension installed by chance?
Michele
·
Oh apologies lol here's the read only link: https://preview.webflow.com/preview/pixel-perfect-web-designs-bf7b5b?utm_medium=previe[…]b&preview=0f549f912bf443f98149b5d316906e48&workflow=preview
Michele
·
I do haver the relume chrome extension - sorry for the delayed reply I didn't get any notification :)
Matt J.
·
Michele I was only able to reproduce the issue in designer if I used the page switcher menu - but if I toggled preview on/off then the interaction worked - so this is likely a webflow bug. I would publish the site and play around with it on the published URL and let me know if you still see the issue there. I also noticed that you have a lot of duplicate classes so I'm guessing you are not using our chrome extension - which has a class sync feature. I would check that out!

Issue with Header 81: Scrolling and Image Scaling Problems | Relume Community