If you would like to position the layer absolutely into the bottom of the slider you will need to add the position: fixed; parameter to the data-ls attribute. And in the style attribute of the layer, simply add top: 100%;
These two settings will position the layer into the bottom.
Based on Photo-Studio example - Version 7.6.5
Layerslider: <div id="slider" style="width:1200px;height:100vh;margin:0 auto;margin-bottom: 0px;">
The exampe uses 100vh as css-height value for the Slider.
The layerslider js-instance defines height: 800.
The background image height: 1280.
My goal: to but a layer on the bottom of the slider - in fullsize mode.
The only way I get it working is by changing:
Remove height value from the slider style attribute.
Remove js-instance height.
Did I miss something? How does the original setting make sense?
Hello Ingo,
If you would like to position the layer absolutely into the bottom of the slider you will need to add the position: fixed; parameter to the data-ls attribute. And in the style attribute of the layer, simply add top: 100%;
These two settings will position the layer into the bottom.
Best Regards,
George | Kreatura Dev Team