Issue with Header 83 Component Animation Not Displaying Correctly

·

Hi! Im using the header 83 component, and for some reason it looks like its scrolling past part of the animation when viewing the site. It looks correct when Im in designer mode, and I have not done anything with the site. I deleted all classes and animations connected to this and re uploaded the component. But still the same issue. Please help

32 comments

· Sorted by Oldest

Matt J.
·
·
Tor V. Would you mind sending a read-only link?
Tor V.
·
·
Hi matt, its the same as the one I sent you last time 😅
Matt J.
·
·
Tor V. are you using some sort of custom code for the navbar transitions on scroll or?
Tor V.
·
·
Nope, I have not added anything like that, but can check if there is something. But it did use too work, and I’m not really sure what happened with it
Matt J.
·
·
yeah, I mean there is a bug that I've already filed where the content section needs to be position relative and z-index 1, and in my vanilla component test, that resolves the issues
🤔1
Matt J.
·
·
but it looks like something with the interactions was changed - doesn't look like the interactions were deleted originally when you tried to add this component a second time either
Matt J.
·
·
Loading attachments
Tor V.
·
·
hmm aight. Maybe then try to delete the interactions and re add it ?
Matt J.
·
·
here's my test, where it works fine with that small tweak I had to make https://preview.webflow.com/preview/testing-header-83?utm_medium=preview_link&utm_sour[…]3&preview=c2c2c119d32cbf41f912e0ec65320374&workflow=preview
Matt J.
·
·
I would use the chrome extension to add this component and then make that small tweak I mentioned (will detail that next), and then you should be fine
Matt J.
·
·
(and yeah, clear out the classes and interactions)
Tor V.
·
·
thanks, will try this
Matt J.
·
·
Just need to add position relative and z-index 1 to the _content div and you should be good.
Loading attachments
Matt J.
·
·
Loading attachments
Matt J.
·
·
but if not, let me know for sure, keen to get this resolved for you - header 83 is one of my favorite components 🙂