JQuery Issue - Logo doesn't show up until scrolling

Question

I implemented a jquery that changes the header when we scroll - http://www.usher1f.org/ . It's working very well except that the big logo on the left side does not show up when we first visit the page until we start scrolling. I want the logo to show up right away when first visit the page. How can we fix this issue?

Answer 1

its because your logo div needs to start out with class "large".

<div id="logo" class="large"></div>

instead yours starts with no class specified, and your scroll javascript appends one, but initially there is no class until someone scrolls so your logo has no height or width.