A lot of web applications have their responsive mobile version. Usually, the UI is different as there is much less space on the screen. Therefore, you may want to design a different tour for the mobile version.
Now the tour is ready to be displayed only on the mobile version.
We consider the device to be mobile when the viewport width is lower than 768px.
We will use the built-in Chrome DevTools device emulation mode. It will allow you to display your application as you would use a real mobile device.
By default, we open the Product Fruits editor in the new window. Chrome doesn't allow the emulation mode in new windows, therefore we have to force Chrome to open the editor in the tab instead.
Now, the device emulation mode should be on. You should see something like this:
If the editor is too big, select Responsive from the Dimensions dropdown on the top and adjust the size of the emulated viewport. Then, you should see Minimize button next to the editor panel.