Its possible to set a custom position of the message box for each step.
var mytutorial = new Tutorial({
steps: [
{
highlight: "#first-step",
title: "First step",
text: "Welcome to our app!",
position: "right"
},
{
highlight: "#second-step",
title: "Second step",
text: "This is how you set it up",
position: "top"
}
]
});
<p id="first-step"> This is the first step in our Tutorial! </p>