Hi All,
Pretty new to webflow.
But got a custom mouse that I’m trying to have an animation over certain sections but Im finding that my mouse image is under the elements within my section. I have been playing with the Z index but if I hover the top the hover activation doesn’t work please help. Not sure if its because my mouse in component.
see issue
To resolve the issue with your custom cursor, ensure it is properly positioned (using fixed or absolute) and has a high z-index to sit above other elements. Check that its parent containers do not have overflow: hidden, which might clip it. For hover interactions, set pointer-events: none on the cursor to avoid blocking element interactivity. Finally, ensure animations or dynamic styles do not unintentionally reset the cursor’s z-index or positioning. If you need further assistance or would like us to investigate your specific setup more, feel free to contact us. We’d be happy to help and learn more about your creative project!
HI Cloud Coder, Thanks for all the useful advice.
Though I have followed the above and I have the curser above the elements but when I do I lose the ability to click links and trigger the animations. For some reason I can only have the mouse working when the Z index is lower then the object I’m attempting to interact. Im completely baffled.
My Mouse curser container is @ 200 z index
My curser wrapper 999 but I think this is irrelevant as the parent is @ 200
My Nav bar for example is at 100 Z Index
I have pointer-events off on the Curser Wrapper with CSS and manually turned off on the others
Thanks Cloud Coder As I wrote my last post I found the issue I’m a complete idiot I didn’t turn off the mouse events on the Mouse Container which was Fixed and covering whole bloody screen space blocking all interactions. Thanks all for your time
