jquery - Issue with Flexslider's window resize -

I am using the Woo theme's flexslider plugin to show the slideshow of images.

By default, the slideshow is hidden using .hide () and it is causing some problems.

If you look at it and click on the first thumbnail, you can see that the bigger image which has been aligned with the right overlay, now if you open another tab and then go back to the test site The image is centered (as it should be).

I was told that this problem was with FlexSlider, which is not visible on page load detailing the width of 0 for the elements. Now jQuery is not really my thing, but if someone is in a way like this then can anyone give me a clue?

This is completely filled if it helps

, Then you will automatically need to tell flexslider to resize manually. Something like this:

  $ (this) .data ('flexlider'). Resize (); Apart from this, only one suggestion for your site: You believe that all browser windows with few width are mobile with touch capabilities, and "Swipe" service by hiding navigation arrays and adding text to my ... ". No one is browsing the web on the entire screen of your PC, and it triggers your logic. For example, my PC does not have a touch screen, and I can not swipe with it. And support the touch of the browser, it would be better to do exactly what you want to do. My sites detect touch enabled devices to use advanced equipment.