Help with Custom Cursor – Native Cursor Still Showing on Chrome

Design help Animations & Interactions
1

Hi Webflow Community!
I’m trying to build a custom cursor (a small blue dot that follows the mouse) and hide the default system cursor across my site. It works well in Safari, but in Chrome the native cursor keeps showing up after a few seconds, even though I’m using cursor: none.

Here’s what I’ve tried:

  • Added cursor: none !important globally to html, body, *
  • Created a .curser-wrapper div with position: fixed, pointer-events: none, and a blue dot style
  • Using JavaScript to move the dot with mouse movement
  • Tested in Incognito
  • Added code via Site Settings (not embed blocks)

You can view the live site here:
:link: https://www.ofirsofer.com

And here’s the read-only link:
:link: Webflow - Design Genie's Site

Any ideas why Chrome still shows the native cursor sometimes, or how to reliably hide it?
Thanks so much :folded_hands:

2

Hello @oraofir8, Welcome to the community!

So I checked your website in both Chrome and Safari, and in both I don’t see the native cursor, I only see the blue dot. Did you fix it?