Public Ticket #2142321
Personal Slider Pack Layout issue on mobile viewport


  • Ingo started the conversation

    I want to create a slider like the "Personal slider Pack" from the examples. There seems to be an issue when the example is opened in a browser with viewport < 586px (mobile slider) - only parts of the image are displayed - see attachement. If the example is opened in desktop mode and decreased to mobile mode it works.

    Open browser (viewport width <586px) --> open index.html from "Personal Slider Pack"

    The problem seems to be the following line (taken from the example - current version):

    <div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 101;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -278.39, 0, 1);transform-origin: 261px 328px 0px;">

    In detail: transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -278.39, 0, 1);

    It would be great if you have an idea how I can solve this.

  • [deleted] replied

    Hello Ingo,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.

    I would like to confirm that we have received your message. Due to the nature of the issue you are experiencing, I will have to contact and consult with the development team first. I will get back to you as soon as I can.

    We appreciate your patience while we're working towards your ticket.

  •  112
    George replied

    Hello Ingo,

    We need a little more time to investigate this issue.
    In the meantime, you can disable the parallax transition on that layer, or try to change the parallax settings - maybe this will solve the problem.
    Please try to change the "Parallax center layers" setting to "At the center of the viewport" as seen on the attached screenshot.


    We are sorry for your inconveniences.

    Best regards,
    Kreatura Support Team

    Best Regards,
    George | Kreatura Dev Team