• Resolved pingram

    (@pingram3541)


    Would be great if the slideshow widget provided responsive options for Slideshow Dimensions for both tablet and mobile sizes. Similar to how Showbiz slider works.

    For example, I would typically desire 4 x 1 in anything greater than 959px, then 3 x 1 in between that and 768px, then 2 x 2 in anything less than 767px.

    Currently if I choose 4 x 1 which looks great in desktop, on tablet and phones it retains 25% width which is very difficult to provide any value because the columns are too small text has to be very tiny or hidden.

    I’m going to give it shot with some custom css but I suspect there is some js already setting some values that may be hard to override without first de-queuing the slideshow script and serving up my own.

    Feel free to reach out to me if you want to chat offline phil dot ingram at tellatek dot com =)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Philip,

    What did you set the size of slideshow setting to be?

    If you select Flexible it should make the slideshow responsive…
    https://wpdemo.flexblogs.flexmls.com/flexmls-idx-wordpress-plugin-responsive/#idx-slideshow-widget

    Thanks!

    Thread Starter pingram

    (@pingram3541)

    Yes it is set to flexible yet it remains 4 x 1 at all widths.

    Hi Philip,

    Perhaps we need to change the label of the “Size of Slideshow” setting to something else. It’s not meant to change the dimensions of properties set in the widget. It is meant to make the slideshow as a whole, including the images, flexible. Still, I’ll open an improvement request and see what we can do with your suggestion here 🙂

    Thanks!!

    Thread Starter pingram

    (@pingram3541)

    Yes I understand and don’t get me wrong, I’m not saying it isn’t responsive, the elements such as images and text within each column do scale down appropriately, it’s just not always going to be realistic for the columns not to wrap below 767px for example.

    I was able to get 2×2 in tablet and 1×4 in mobile with the following style rules (of course adjusting css naming specificity as needed), I was just suggesting some drop down select options could apply these rules based on a widget setting vs having to write custom css.

    @media only screen and (min-width: 768px) and (max-width: 959px){
      .flexmls_connect__listing {
        width: 50%; /* 4x1 columns become 2x2 */
      }
    }
    @media only screen and (max-width: 767px){
      .flexmls_connect__listing {
        width: 100%; /* 4x1 columns become 1x4 */
      }
    }

    Thanks =)

    Thanks, Philip!

    I’ll share this info in the improvement request.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘User Experience request: Responsive Columns in Slideshow’ is closed to new replies.