Weird non-responsiveness behavior

  • Resolved leofrish

    (@leofrish)


    10 years, 7 months ago

    Please see:
    http://www.phaseiidesign.com/test-delete/
    to see the problem first hand.

    I don’t know if the problem is in the theme container or with the sliders, so I’m asking you as well.

    In brief, I’ve put two sliders on a page: #13 above, #2 below. As I drag the browser edge, the slider on top adjusts its width smoothly in and out. The one below does not.

    When I switch them (#2 above, #13 below), the one on top still behaves correctly and not the one below.

    Can you explain why that’s happening?

    For further weirdness, the home page has two sliders as well, but when I drag the window, both size correctly.

    Any help would be much appreciated.

    https://ww.wp.xz.cn/plugins/smart-slider-2/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Gabor

    (@nextendweb_gabor)

    10 years, 7 months ago

    The problem is, that we have a limitation, that your slider won’t behave responsively inside a table, because tables are working that way, that they are looking at the content inside them, and they are adjusting their widths to those contents, but our slider is working that way, that it’s looking at it’s container’s width, and it will resize itself to that, so the problem is, that both are looking at each other, if they should resize or not, and none of them are resizing correctly.

    Not sure, if you need this code in any other pages, so you should check them all out, but if you remove the display: table-cell; from here:
    http://www.phaseiidesign.com/wp-content/themes/quest/style.css
    line 1517.:

    .row.v-align-top > div[class*="col-"], .row.v-align-middle > div[class*="col-"], .row.v-align-bottom > div[class*="col-"] {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

    that should fix this problem.

    Thread Starter leofrish

    (@leofrish)

    10 years, 7 months ago

    Thanks for looking into this! I gave your suggestion a try and you were definitely on the right line item, but I needed to change the display from “table-cell” to “block.”

    That did the trick.

    Of course, that doesn’t explain why it was already working on the home page, but I’m happy!

    Thanks again!
    Leo

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Weird non-responsiveness behavior’ is closed to new replies.