Grid not responsive - And an example solution

[hergaiety]

While the slider itself attempts to be responsive, the grid and text components don't update their position to respect the new size. While there may be a better CSS solution, below is my "hack" simple solution to this issue in case it may help others.

var updateSliderScale;
$(window).resize(function(){
    clearTimeout(updateSliderScale);
    updateSliderScale = setTimeout(function(){
        $(yourSliderHere).ionRangeSlider('update');
    }, 100);
});

This simply watches to see if the browser resizes, and if it does it will force the ionRangeSlider to update itself. I've added a 100ms timer to it so it won't lag with unecissary update calls which can stack up quite quickly.

[IonDen]

Hi, i think now you should use your hack, because i never thought that such a complex module will work properly in the responsive layout. But i will think about this feature, and will try to implement it in the future.

[hergaiety]

Sounds good and thanks for the reply :) mostly wanted to post a temporary fix for others in case anyone else is looking for a temporary solution.

I really love this plugin and I thank you so much for creating it.