Menu Loading Issue

The pages on my site that take a bit longer to load, display a green area for a split second before the page actually loads. I've captured a screen shot during the page load to show it. I've changed the header color to green, so i know that's where the green is coming from - but is their any way to make the header load at the end so that this doesn't happen? The website is: http://ibdsf.dlevy.net/.

Screen-Shot-2013-10-30-at-10.17.jpg

Thanks,

David

I cant repeat this problem. Could yo point on what browser have you tested the page?

I've tested the issue on both Safari and Firefox. The issue only happens during the loading of pages that are a bit slower to load. If you go to the website, hover over the "About Us" tab, and click "Our Team" you might see it.

I think the issue is happening because the green header section loads before the white menu section. Is there any way to change the order of the way the page loads?

Thanks,

David

Oh, now I see
Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

#gkHeader {
background: #fff;
}


Remember to enable "CSS override" in template settings - advanced section.

Thank you for the suggestion, however that changes the header to white. I'd like it to stay green. Please let me know if there is any other solution.

Thanks,

David

Sadly - no - because header is just under the menu element which is white and sometimes load a little longer. But I'm not quite sure, why would you like to remain header green - is it because of this "cutting" green line that splits header from the rest of the page? It can be added back with use of css border style.

Yes, exactly. I really like the green green line that splits the header from the rest of the page. Would you be able to instruct me on how to add such a border to the CSS?

Thanks!

Code: Select all

#gkMenuWrap {border-bottom: 5px solid #76C134;}


This way you will bring back the green cutout.