Hi, I am trying to use the header 83 component. And it did work to begin with, but now there is something I cant explain why is happening. The trigger DIV is not being displayed as position absolute. It is set to it. But it is under the page content wrapper div. ANd the entire animations is not working. I tried to delete the component and copy a fresh one from the relume library, but the same problem is still there. I also tried to copy it from another page where I see that it is working. Someone please help 🙏
This post is now synced! Check it out here:
Issues with Header 83 Component: Trigger DIV Not Displaying Correctly
⤵️ Any future comments will be automatically posted to the thread
should be said that I tryed to replace one image with a background video and thats when it happend. But when I revert back the issue is stil there
not sure why I did not get the notification here.. But I will send you the link in a DM
@Tor Vegard Tobiassen yeah the trigger div won't have an effect on positioning or what styles are applied to it all - it simply just holds an interaction on it.
However, this component does have position sticky that needs to happen but there is an overflow: hidden; used on a parent div which is breaking the position sticky.
If you reset this or use overflow: clip; (the next icon to the right) - then everything should work just fine.
hmm, aight! It works, but how do I make sure that other elements that might overflow to the sides then, dont overflow ? 😅
I wrapped the element that I did not want to overflow and fixed by turning that one to overflow hidden
