マウスカーソルをレスポンシブ（スマートフォン）の時は非表示にしたい

Question

前提・実現したいこと

パソコンサイズで閲覧するときは、マウスストーカーを使用しています。
ただ、スマホの時はマウスストーカー、カーソルを非表示にさせたいです。

色々調べて行いましたがうまくいきません。
何か方法があれば、ご教示いただければと思います。

マウスストーカーで参考にしたサイトは下記の通りです。
https://hirakublog.com/code/329/
https://www.evoworx.co.jp/blog/mouse-stoker-gsap/

どうぞよろしくお願いいたします。

css

@media screen and (max-width: 768px){

	body{
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		cursor: none!important;
	}
	
	body a:hover{cursor: none!important;}

}

Comments

[Lhankor_Mhy]

マウスストーカーのコードをご提示ください。

Answer 1

マウスストーカーがどのような構成になっているかわからないので、推測で書きますが、

<div id="cursor"></div> のような、マウスの軌跡をたどるエレメントが表示されていると思いますが、そのエレメントを @mediaのレスポンシブ対応範囲内で、非表示にすればいいと思いますがいかがでしょう？

@media screen and (max-width: 768px){
  #cursor{
    display:none;
  }
}