Change Homepage Load Order

[Nicholas Minnich]

Hi Bill,

Do you have any recommendations on how to load all the homepage elements all at once? Currently using Authentic, my client’s website loads the menu, the widgets and the footer a few seconds before the slider. I think the presentation would benefit from showing the text and images at the same time.

Thanks!
Nick

[Bill Robbins]

Good Morning Nick,

Excellent question. Pages load from top to bottom as far as the HTML is concerned. The slider won’t initialize until the page has finished loading. Otherwise you could end up with slides transitioning that aren’t fully loaded yet.

One thing you can do though is specify a height for the slider. That will keep its dimensions in place and allow everything around it to load in the correct spot. Then the images will appear as soon as everything is ready. Here’s how you can do that:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   .flexslider {
   	height: 340px;
   }
   

3. Update your settings.

Let me know if that doesn’t help out.

Have a great weekend,
Bill

[Nicholas Minnich]

Nice! Much better. Thanks.

[Bill Robbins]

Anytime Nick

[Author]

Posts