Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 14, 2020 at 9:04 am #1212871
    ahaderer

    Dear support,
    I created a website using Enfold. I use LayerSlider. On tablet and mobile the layer slider should be higher.
    How can this be fixed? I need the slider to be responsive in width and height.
    Kind regards,
    Andrea

    May 18, 2020 at 3:29 am #1213897
    Mike

    Hey Andrea,
    Sorry for the late reply, as I understand your question, you would like the layerslider to be full visual height on mobile as it is on desktop. For the layerslider responsive means that the slider is scaled down to show the full slider on mobile, that is why it is a box across the top of your page instead of a full screen on mobile.
    The best solution for this is to have two sliders, one for mobile portrait screens and one for desktop landscape screens. For the mobile slider try the canvas size 425px by 500px it seems to work well.
    2020-05-17_211410.png
    You can set the desktop slider to hide on mobile in the layerslider slider settings:
    2020-05-17_212500.png
    and you can set the mobile slider to hide at over 990px like this:
    2020-05-17_212734.png

    Best regards,
    Mike

    May 22, 2020 at 4:10 pm #1215267
    Highlander-2013

    Hello I’m brand new and don’t know anything about Enfold yet, where can I find these slider settings like in the graphics?

    May 23, 2020 at 4:37 pm #1215523
    Victoria

    Hi Highlander-2013,

    These are the Layer Slider settings.

    https://share.getcloudapp.com/o0ugwZO9 Here is where you can find them.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.