Forum Discussion

KerriBishman-a4's avatar
KerriBishman-a4
Community Member
6 years ago

Mobile version that is different from desktop version (device responsive)?

Is there a way to design each slide to have two version, one that shows up when displayed on a PC or a large screen, and one that displays on a phone or small screen.  Trying to make my eLearn truly...
storyline 360
KerriBishman-a4's avatar
KerriBishman-a4
Community Member
5 years ago

Hi Michael.  I had lost track of this idea, but was thinking about it again last week for a new project.  I borrowed your variables, triggers, and java script and it worked in my project!!  I am so excited to use this to design a more responsive experience.  Thank you so much for sharing your creativity!

LinWong-a312185's avatar
LinWong-a312185
Community Member
2 years ago

Hi Kerri, I am interested in this thread as well.

I know this thread is awhile ago, but I was wondering if you are able to share more details on how the codes work for you?

Did you create 2 versions of Storyline and the LMS is able to detect the which device they use and launch the appropriate version?

Your advice would be very helpful! thank you so much!

  • MathNotermans-9's avatar
    MathNotermans-9
    Community Member
    2 years ago

    I used this approach and created 3 versions. A start version, with a bitly url and qr-code. There the user(s) can choose... url for desktop and qr-code for mobile. Then they jump to the appropriate version.