Flexslider initial page load problem


I am writing because I am experiencing issues with the flexslider during the initial page load of my website. the first image overlaps the slider height. I noticed that only happens when refreshing the page with crtl f5, so that the entire page is reloaded without using the cache.

The below seems to be the problem. the height is set to 0 for the slider while the image inside is 1920x450px.
<div class=“flexslider” style=“height: 0px;”>

Please find the screen shot attached.


Hi Daniel,

Sorry to hear of the problem you are having.

This happens when the slider JavaScript doesn’t load properly on page load.

Could you please try using the solution posted in the following reply to resolve the issue?


Best Regards,