Forum Discussion

JamesOBrien-be4's avatar
JamesOBrien-be4
Community Member
8 years ago

Remove Mobile Side Bar (Navigation)

Is it possible to remove the side bar (Navigation) from the mobile responsive version of the module? We've created our own (next and previous) buttons so we don't require the built-in ones. I've u...
storyline 360
NielsRop-6c2b4a's avatar
NielsRop-6c2b4a
Community Member
5 years ago

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.