search

dshongphuc / magic-mouse-js

A lightweight javascript library to create some amazing effects for the mouse (cursor) on your website - MagicMouse.js : https://magicmousejs.web.app/
MIT License
392 stars 60 forks source link

Cursor copy sticks in header #5

Closed calinxradu closed 3 years ago

calinxradu commented 3 years ago

Hello,

First of all, I want to thank you for the plugin, it's really cool. I'm trying to build my website at the moment and I found this issue with the cursor. A fixed copy of it sticks in the header of the page. Do you know what would be causing this?

www.calrad.dreamhosters.com

Thank you very much in advance!

dshongphuc commented 3 years ago

Hi @calinxradu , thank you for your warm comment :) I view the source code of your website and I think the problem is that you integrated Magicmouse multiple times in your site. You can view the source code of your page and search for "magicMouse(options)" to see what I mean, please remove all and just keep one.

Hope it help :)

calinxradu commented 3 years ago

Thank you very much for your help mate! It worked!

calinxradu commented 3 years ago

Hey @dshongphuc,

It's me again XD. I followed your instructions and managed to fix it, but now I'm confronted with the same error, but only on tablet & mobile.

If you inspect it looks alright, but when I go on the website on my mobile and my tablet, the cursor still appears, stuck in the top left corner of the header. Any ideas why it's not disabled on mobile and tablet?

Thank you in advance!

dshongphuc commented 3 years ago

Hi @calinxradu , I believe the magicmouse.js on your site is outdated version, please update to this : https://res.cloudinary.com/veseylab/raw/upload/v1597754761/magicmouse/magic_mouse-1.0.js Or download the latest code from this repo, the file located at dist/magic_mouse.js

calinxradu commented 3 years ago

Thank you very much, it worked! Though I had to change the screen width to 1024 to work on my iPad Pro.

Many thanks again!