Remove Mobile Side Bar (Navigation)

Hi Sebastian,

Welcome to Articulate community!

Are there any other items enabled that is part of the sidebar for example resource or notes tab? If yes, It is highly likely that these items would leave the space on the side. Likewise, even If you selected that on one slide, it will still leave space for it throughout the entire player setup. 

Let me know If your still require further help on this. 

Hi Sebastian,

I'd agree with Ron, sounds like there may be something left on within your player. If you need us to help take a look - we're more than happy to help! Upload a copy of your .story file here using the Add Attachment button. 

Hi I know its a bit dated, but I am having the same problem. I can't remove the side bar when previewing in mobile or tablet.

I am using Storyline 3 and not 360 is this causing the issue? 

I have attached a projectfile. As far as I can see, everything is turned off :)

Thank you for the additional info and the image, Morten. I was able to replicate what you are seeing in a new file in both SL3 and the latest version of SL360. I've submitted this to my team as a potential bug and attached this conversation so we can track affected users and share updates with you here.

I wanted to share some information on how we define bugs and how we tackle them when they occur.

Hi there, I encounter the exact same bug (black space at the right of the screen where the menu should be, even when everything is disabled). Did you find a solution to this problem ?

Best regards

I have encountered the same issue, which was pretty breaking for us, as the module was meant to be displayed fullscreen on a smartphone. Please try to fix this as soon as possible!

In the meanwhile, a colleague came up with a javascript solution that will stretch the slide contents over the full slide wrapper at loading. See: 

if (document.seen !== 1) {
 document.seen = 1;
 let wrapper = document.querySelector('#wrapper');
 let slide = document.querySelector('#slide');
 let target = document.querySelector('#preso');
 target.style.transformOrigin = '50% 0';
 target.style.transform = 'scale('+(wrapper.offsetHeight/slide.offsetHeight)+')';
 }

Execute this code either on the first slide (when reloading is not an option) or on every slide (master) (so that it also works when a course is reloading). It is made to stretch from the middle-top location, but this can be changed to another point of origin for use in landscape mode.