Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1354654

    Hallo,
    i want to have:
    A slider that shows above 767px : landscape orientation
    A slider that shows below 767px: portrait orientation

    So i created two sliders and made the appropriate settings.
    But it always keeps the 16.9 ratio (landscape)

    This video shows that it does not work and it shows the settings i made.
    http://www.simonehirsch.de/slider.mp4

    Please tell me how to fix this issue.

    kind regards
    Eva Simone

    #1354737

    Hey evas49,

    Thank you for the inquiry.

    Have you tried using the Fullwidth Easy Slider? You can set the slider not to stretch the images by adjusting the Styling > Slides > Stretch image to fit the slideshow size? settings.

    Best regards,
    Ismael

    #1355098

    I did not ask for an alternative.
    I asked for a solution for this issue

    E.S

    Meanwhile i added your recommended Slider and you see the issue which needs to be fixed here:

    #1356033

    Hi E.S,

    Thanks for reaching out to us and sorry for the late reply!

    The issue seems to be related to slider having 500px width. On my end it is in center with overlay on the sides. I attached a screenshot in private content field below.

    Would it be possible for you increase the width of the slider to 767px? :)

    Best regards,
    Yigit

    #1356037

    the https://simonehirsch.de/wp-content/uploads/slider-3.jpg is even not a real portrait photo.
    And it is to small – you have it on 300dpi – but if you go and set the the dpi to 72 without recalculating the photo it only got 768px width:

    Nevertheless – you could use for the smaller screens that image and the fullwidth image slider – and you can stretch it – but go to the alb and open the tab: Styling and choose under : “Slideshow Image and Video Size” no scaling.

    If you use a portrait it will show the way you like:

    f.e. here with two fullwidth easy sliders: The image detail is not good now due to lack of source material, but it is sufficient for demonstration purposes.
    https://enfold.webers-webdesign.de/simone-hirsch/

    When you have seen the example page i remove that page again.

    #1356039

    By the way: i like to preserve the ratio it has as landscape photo. This gives the image a better balance. ;)

    – next – now i followed the whole video ( sorry ) – you want to do that with two advanced layersliders.
    First: is it necessary – think of that a touchscreen has no hover effect – so the parallax effect will not be seen.
    Taking this into account – do activate the advanced setting on project settings and mark: “Optimize for mobile”

    Next: do not activate the “Hide on Mobile” for the desktop slider – because this is for mobile devices meant and not for screenwidth – if you activate it it will not be seen on tabletts – even if they have a bigger screenwidth than 768px.

    Second: on advanced layerslider the preview images had to be set by your own.
    Thrid : you had to choose the right ratio for that responsive slider – in my example case it is the dimension of that portrait image:

    On your film i see that you have your homeslider mobile on: width : 500px and height: 369px so not the wanted portrait format.

    now i will insert it to the example page.

    #1356042

    Hi,


    @Guenni007
    Thanks for your help :)

    Best regards,
    Yigit

    #1356044

    PS : i don’t like the new outlook of Layerslider 7 – the old slider was much more intuitive to set.

    Edit : 10 days ago your last posting – i remove now the example page ( due to copyright )

    nearly one month ago : hm – I think actually very detailed – speak noob safe solutions to offer; obviously, however, some fellow here on board are lazy to read. Probably only ways in summary mode are accepted, which present a solution if possible without learning curve.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Slider doesnt show correct ratio’ is closed to new replies.