Responsive settings for slider height

  • Hi,
    The plugin allows to set custom slider height which is nice. I run into the same issue with a couple other posts about images not displaying optimally in mobile phones. It would be great if slider height can be set for different screen widths and not be stuck with one size fits all.

    I see author’s response to other posts like this:

    “This is the way the slider is meant to work, creating a full screen visual effect for the visitor when visiting from mobile. Actually, This is a common technique for images that you want to scale in mobile…”

    You want to provide flexible settings and leave it up to the designer to decide the height the slider on different screen sizes to optimally preserve image content and minimize unwanted cutoff. True responsiveness is all about how to fit any type of content optimally on different screen sizes.

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Fotis

    (@markwaregr)

    Hi there,
    you can adjust slider height in mobile using some plain CSS. Do you have a URL with the slider you want to adjust? I can provide some CSS that might be helpful.
    In general, this should be a good feature for future releases.

    Thread Starter skylabb

    (@skylabb)

    Thanks for the quick reply, Fotis.

    Surely I can fix the issue with CSS media query. The plugin throws in a wrench making CSS fix a bit more tricky. Plugin’s own CSS sets the slider height by targeting the slider ID and uses inline CSS – this is very narrow targeting and makes overriding rule tricky without having to use !important declaration which I generally avoid as it’s just bad practice.

    It would be great if users have the option to set height value for the three screen categories – desktops, tablets, and mobile. And even better yet to be able to set custom screen size break points as well.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive settings for slider height’ is closed to new replies.