Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #3207933
Layer top position on fullscreen slider
Closed

Comments

  • 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?








  •  138
    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