Custom Header Logo loads when it wants

[1337]

I’ve had this site built for a client a bit ago. Today I’m doing some maintenance for them. A custom logo that sits next to the Superfly menu is loading inconsistently. Sometimes it’s there and other times it’s not. Attached are screenshots of the same page loaded within minutes of each other. I don’t see any errors when inspecting. Please help me fix this or rebuild this logo next to the Superfly menu so that it’s always visible.

URL: http://riveteng.com

Here is all of the custom code used on the site:

jQuery(document).ready(function($) {
  var html = '<a href="http://riveteng.com" class="header-logo"><img src="http://riveteng.com/wp-content/uploads/2017/02/rivet-menu-button-2.png"></a>';
  $( html ).appendTo('.sfm-rollback');
});
jQuery(function($){

  $(document.body).on('click', 'a.scroll_to', 
  
  function(e){
    e.preventDefault();
   
    $('html,body').animate({
      scrollTop: $('#' + $(this).attr('href').split("#").slice(-1)[0] ).offset().top - $('.x-navbar').height()
    },700 ,'swing');
  }

  )
});
jQuery(function($){

  $(document.body).on('click', 'a.scroll_to2', 
  
  function(e){
    e.preventDefault();
   
    $('html,body').animate({
      scrollTop: $('#' + $(this).attr('href').split("#").slice(-1)[0] ).offset().top - $('.x-navbar').height()
    },700 ,'swing');
  }

  )
});


    .header-logo {
  position: absolute !important;
  top: 0;
  left: 21px;
  z-index: 99;
  width: 74px;
}

.header-logo > img {
  display: block;
  background-color: #000;
  width: 100%;
}

.sfm-navicon-button {
  margin-left: 20px;
}
.x-navbar-wrap {
  display: none;
  visibility: hidden;
}
.scroll_to {
    color:  #ad7149;
    border-color:transparent;
}
  .scroll_to:hover {
    color: #fff;
    border-color:transparent;
}
footer.x-colophon.top .textwidget {
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
}
.x-feature-box-graphic {
    display: inline-block;
    margin-bottom: -40px;
}
.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover {
text-shadow: none;
}

[1337]

Just realized I posted this on the wrong account. Sorry.

[rad]

Hi @1337,

Thanks for writing in.

I checked and the logo always appears on my end. Do you have any active cache? Does it always happen while logged in? The only difference that I can see from my tests is that you’re logged in your screenshot.

You may provide your login credentials in a secure note then I’ll check it the same way.

Thanks!

[1337]

Thanks. I’ve added the login info to the original post.

It happens while both logged in and out. Move around on the site enough and you’ll see the issue arise.

[ruenel]

Hello There,

Thanks for providing the information. I have logged in and still I did not find any issue with your logo.
This is how I see you site when logged in:

Screenshot

Please clear your caches. You need to clear your browser cache as well. You may use incognito mode or private browsing mode and test your site again.

Please let us know how it goes.

[1337]

The issue persists. Not only for me, but for my client and their website visitors as well… Please advise.

Are there any website side caches that could be cleared?

[Prasant]

Hello @1337,

Thanks for updating the thread.

Another support staff here. Upon login into your website I first cleared the cache and then started to navigate around the website to see if I can replicate the logo issue you are facing. However, I am also unable to replicate the problem on my end. I opened multiple internal pages but every time logo is showing up fine. I have recorded a screencast, please take a look. https://cloudup.com/csKMzu9o3vW

As we are not able to replicate and logo is functioning fine on our end it’s difficult for us to suggest you some solution.

Thanks for understanding.