スマホでIntro.jsの表示位置を変更したい

Question

前提・実現したいこと

サイトにチュートリアルを導入したいと思っています。
Intro.jsを使用し、要素の下にツールチップを表示したいです。

発生している問題・エラーメッセージ

PC画面であれば、以下のコードで表示位置を指定出来るのですが、
スマホ向けの画面になると、表示位置の変更ができず、要素にかぶってしまいます。

setOptions({
            steps: [
              {
                element: document.querySelector('#hoge'),
                intro: "コメント",
                position: 'right'
              }]
          });

これはIntor.jsのデモでも同じ挙動をするようです。
https://introjs.com/example/custom-class/index.html

質問

スマホ向けの画面でも、ツールチップが重ならないように表示させたいのですが、方法はあるでしょうか？
それとも他のツールに切り替えた方がいいのでしょうか？

Answer 1

https://introjs.com/docs/intro/options/

intro.jsというものを使ったことがないので分かりませんが、一応、いろいろとoptionsに設定データを渡せるようです。tooltipのpositionをいじれそうなオプションも中にあるっぽいので、調べてみてはいかがでしょうか？

Comments

[退会済みユーザー]

回答ありがとうございます。
上のコードでも示した通り、Optionsによる位置の変更はすでに試してみたのですが、
PCでは位置が変わるものの、スマホでは変わりませんでした。

[HayatoKamono]

使ったことがないのと動作確認も回答時にしていないので何とも言えないですが、掲載されていたコードはoptionsの中のstepの中でのpositionをrightに指定しているものだと思います。steps以外のoptionにposition絡みのクラスを設定できるようなものがありましたので、上記の回答をした次第です。

[退会済みユーザー]

すみません。理解しておりませんでした。steps以外のpositionがらみのオプションを変えては、というご指摘だったということですね。
そちらも試してみましたが、やはり挙動は変わらないようです・・・

[HayatoKamono]

おっと、それは残念です。そうでしたか。何か方法があれば良いですね。