Public Ticket #3207933
Layer top position on fullscreen slider


  • Ingo started the conversation

    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?

  •  111
    George replied

    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