• Resolved quarki69

    (@quarki69)


    Hello everybody,

    the responsive slider is working great; but only in one direction. Using smaller devices, it does what it should. Marvelous! ??
    But when using a higher screen resolution, the slider enlarges the pictures to the with of the screen, making the bottom part of the pictures disapear. ??

    What can I do to limit the width of the slider, according to the width of the used images, so that the pictures will not be enlarged over the actual image size?

    Any hint would be highly appreciated! ??

    Many many thanks!

    Best regards

    Mark

    https://www.ads-software.com/extend/plugins/responsive-slider/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Griden

    (@griden)

    Simply set your desired image size in the slider settings (Slides -> Settings).

    Thread Starter quarki69

    (@quarki69)

    Many thanks for your quick response, griden! ??

    I set this to the actual picture size already, but it doesn’t affect the behavior. The pictures are all 940 x 400 as well is the image size in the slider’s setting.

    But with a screen size of e.g. 2560 x 1440 the pictures are being resized to this certain width and the bottom parts are being cut off.

    Please see an example here. If you downsize your screen’s picture, you see the whole image appear. See the blue circle on the left? If the browser is set to full screen, the part under the word “DETAILS” will be cut off.

    Plugin Author Griden

    (@griden)

    This looks like a theme issue and most likely has something to do with this theme style:

    .slider-wrap {
        width: 100%;
        height: 550px !important;
        overflow: hidden;
    }

    … Which is not part of the plugin and hence not something I can support. If you’ve bought that theme, you’d probably want to contact its author(s). I think that snippet above could be improved.

    Thread Starter quarki69

    (@quarki69)

    Hello Griden,

    yep, you are right. And believe it or not, just in the same second, I have just added the following to the slider’s div:

    max-width: 1260px;
    margin: 0 auto;

    And it works perfect! ??

    Thank you very very much for your kind post! I love the slider!

    Best regards

    Mark ??

    Thread Starter quarki69

    (@quarki69)

    Thus resolved! Thanks! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘The bottom part of the slider's pictures are cut off, when slider enlarges these’ is closed to new replies.