Limit slide width stops slider from scaling

  • Resolved wp_dsp

    (@davidspeyer)


    3 years, 5 months ago

    Hi,

    I am using Smart Slider 3 on several pages. It seems like since one of the past updates you’ve made some changes to the option “Limit Slide Width”.

    My slider has a width of 2400px and height of 1350px and it is set to full width. I have limited the slide width to 1340px, because I don’t want the slide content to be wider.

    In another post you say that “The maximum width only limits down the width of the contents of your slide, but the background of the slide still has 100% width”. And this is exactly what I want.

    But as you can see, the slider stops scaling after the viewport becomes larger than 1340px. It still takes up the full width. But the height remains at 753px. This will crop all background images. And I don’t think that this is intended.

    Could you please help me with that issue?

    Thanks a lot!

    Best regards
    David

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Ramona

    (@nextend_ramona)

    Hi David ( @davidspeyer ),

    The Limit slide width option actually does affect both the width of the slide, and the height of the slider. So it intentionally affects the height, because the way the Limit Slide Width works is that it limits the width of the slide and prevents the slider from getting too tall. The Slider settings video illustrates this pretty well:

    So if you set the Limit Slide Width to 1340px then the greatest width the slide can have is 1340px and the height will be reduced proportionally. The calculation is slideWidth / sliderWidth * sliderHeight (1340/2400*1350, which is 753px). That’s why the height stays limited, too.

    If you want 1340px maximum slide width, but 1350px height then you could use these values as the width of the slider (1340px) and height of it (1350px). On a 1920px wide monitor this would create a 1920x1350px slider, and a 1340x1350px slide inside.

    It’s based on the “Slide background image fill” option: https://smartslider.helpscoutdocs.com/article/1809-slider-settings-slides
    how your images look like in the slider. By default the “fill” option is used which will make the image as big as it needs to be to cover the whole slider. This means that if the slider and image ratios differ, the image will be cropped.

    To avoid this behavior you could change the fill mode to “fit” or “blur fit” instead.

    Thread Starter wp_dsp

    (@davidspeyer)

    Thanks for your great answer!

    I might be using the slider in a wrong way. But it seems kind of confusing that limiting the slide width has such an impact..

    Ramona

    (@nextend_ramona)

    Hi,

    If you want proportional scale on all resolutions, then you shouldn’t use the Limit Slide Width option.

    You could set the 1340px as Max width on the Content layer:

    to keep the content on the middle 1340px on bigger screens.

    Thread Starter wp_dsp

    (@davidspeyer)

    Thanks again! And sorry for editing my previous post while you where answering it. This is very helpful!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Limit slide width stops slider from scaling’ is closed to new replies.