how remove spacing top banner, below navbar, fixed-top-pusher jquery/caching issue?

[jeomiland+ 2]

Hi

I found this topic

which talks about a similar issue I am having, but a little different. Hope someone can help me out.

Best way to see the problem is to view http://cassclayton.com/ on Safari (Mac) compared to Firefox or Chrome. You will see the banner just under the fixed menubar has a gap between the menubar and top of the banner. Looking at Inspector, I found:

<div class="fixed-top-pusher" style="height: 62px;"></div>
<script> jQuery('.fixed-top-pusher').height( jQuery('.pl-fixed-top').height() ) </script>

and indeed it seems the jquery is not always working consistently. For instance, if you simply refresh the page in Safari, it will loose the gap and all looks fine, so is it a browser cache issue that is interacting with the jquery? I do have W3 Total Cache installed. There must be a way to tell the code to make sure jquery is up and running and available to do it's majic?

And perhaps there is just a better way to do this banner? Originally I tried several DMS sections and used the banner image as background, etc... Kept running into problems with resizing and the left/right parts of the image were getting chopped off. It is important the whole image show, so currently I just use a NextBox section with this code:
<img src="[pl_site_url]/wp-content/uploads/2015/12/CassClayton-blues-tribute-banner.jpg" width="100%" />
and it looks the way it should. Is there a better way to place a banner graphic under a fixed navbar and make sure the whole banner graphic displays regardless of screensize?

 

[jeomiland+ 2]

Hi guys
Hoping someone can reply to this topic, since the issue remains - in Safari.

Go to https://cassclayton.com in Safari and you will see a gap between the top Navigation bar and the top banner graphic upon your first pageload. Just reload the page or navigate to another and the gap disappears. Seems to happen just in Safari (and maybe iPhone? don't have one i can check on).

Hope someone can help!!!

thanks

[edgarcheverier+ 26]

Hi,

I opened your website on Safari and Chrome and they look the same.

Also, in both of them, the media CSS for small screens is working.

I opened on my Phone on Safari and Chrome and they also look the same