Flexslider not resizing properly
<p>I use Flexslider on my website. But when I resize my screen or rotate my mobile phone, Flexslider is do not resize the slider properly. </p>

<p>I saw the docs from Woothemes, with the grid function, but it doesn't work for 100%. Does someone know why?</p>

<p>My flexslider function looks like this:</p>

<pre><code>flexslider = { vars:{} };

startLogos = function(){
    $('.logos .flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 200,
        itemMargin: 20,
        directionNav: true,
        controlNav: false,
        minItems: getGridSize(), // use function to pull in initial value
        maxItems: getGridSize(), // use function to pull in initial value
        start: function(slider){
            flexslider = slider;
        }
    });
};
</code></pre>

<p>My grid looks like this:</p>

<pre><code>getGridSize = function() {
    return (window.innerWidth &lt; 600) ? 1 :
           (window.innerWidth &lt; 768) ? 2 :
           (window.innerWidth &lt; 1024) ? 3 : 4; 
}
</code></pre>

<p>I have a variable:</p>

<pre><code>var $window = $(window)
</code></pre>

<p>Of course on a $window.load I call the startLogos function and on a $window.resize I call it again.</p>

<p>When I test this on a iPad in Safari, it works great! Everything works fine, but on a desktop browser and a Android device.. (grr!)</p>