I’m using Revolution Slider on my main page but don’t like the fact that during the three seconds it takes to load it shows the lower half of my page which then drops down on loading. I found this article on the problem, http://forum.muffingroup.com/brandon/discussion/59/revolution-slider-loading-slow/p1, which suggests using this:
You just need to add the following code to your custom css:
#mfn-rev-slider { min-height:XX.px; }
where XX is the height of your slider images (assuming all are the same height). Mine are 390 px tall so I added #mfn-rev-slider { min-height:390px; }
I have tried this but it didn’t work. Can you tell me if this should work, if not what else can I do to achieve the same effect of a blank white space while loading?