I created a custom cursor that follows the mouse on just the hero area of a website I am working on. But the mouse won’t interact with any buttons on the hero element when the custom cursor is active.
I have read the forums and followed the advice regarding adding the custom CSS:
.Cursor_Div_container { pointer-events: none;}
But it did not fix the issue. I have spent some time trying to use the CSS code on other div elements but it also did not work. What am I doing wrong? How can I still keep the custom cursor on the hero area but still interact with buttons and whatever is in that area?
I don’t want the custom cursor on the entire site just yet, only that specific hero area at the top of the website.
I would really appreciate some insight into how to fix this. Thank you for taking the time to read my issue.
Chris
Here is my public share link: LINK
(how to access public share link)
Hello @Chris_Mayernik, you are using Webflow’s AI builder, right? It looks like you did because the preview link does not show the editor just the preview. Typically you use the method you mentioned of pointer-events: none to make a custom cursor interact with other elements on the section. I think you will have to ask the AI to modify the cursor to interact with other elements. I tried to test it on the browser inspect mode, but if you add the pointer events none that way, the whole cursor disappears. So I don’t know exactly what the AI is doing, but I’m sure it can fix it. I hope this helps.
Yes I started with the AI builder to see if it would be any help. I didnt end up using it because it’s easier to start from scratch and use my own process I think.
Intersesting, I didn’t even consider the AI could be an issue. Is there a way to turn off the AI because it’s kind of annoying now that I am not using it and the icons pop up on each section.
Hey @Chris_Mayernik, I don’t know how to turn it off, maybe just start a new project. To be honest I’ve never used the AI builder before. My advice is to only use the AI to explore layouts, but never to actually build something with it. I hope this helps.
Appreciate it. I still haven’t found a solution to this design issue with the custom cursor. I may have to just remove it until I can hire someone to show me a solution.