Viewer option bar to be on top of the page

Question

Hello, can we make the viewer bar to be on top of the page, instead of the bottom?

Answer 1

You can add the following CSS in the Resources section to move the Viewer Display to the top of the screen instead of being on the bottom:

#viewer-options-wrap {
position:fixed;top:0;
}
#viewer-options-bar{
position:absolute;top:0;
}

When you apply that CSS, it will cover the top portion of the content. 

I'd recommend exporting the layout in the Slider (Horizontal) page format, turning off Desktop Scaling, and manually modifying assets/css/in5.slider.css

from

.anythingSlider-in5.activeSlider .anythingWindow { border-color:transparent; }

to

.anythingSlider-in5.activeSlider .anythingWindow { border-color:transparent; position: fixed; top:40px;}

I would add that this code is unsupported because it would require a lot of testing to put it into production with confidence.