Contact Slider Form not Hidden on Page Load

Hello, I’m trying to hide the contact slider when the page first loads so it’s not on top of the hero image. Once the user scrolls past 400px it fades in using the code below. It works as desired on this page: https://saratech.com/

But it appears in the hero on page load on this site: https://dev.tech-30.com/ but then goes away when user scrolls – then comes back after 400px. I’d like it to be hidden completely when the page first loads.

I’m using the same code on both sites. Not sure why it’s hidden on one and not the other?

jQuery(document).scroll(function ($) {
  var y = jQuery(this).scrollTop();

  if (y > 400) {
    jQuery('.wpcs_tab').fadeIn();
  } else {
    jQuery('.wpcs_tab').fadeOut();
  }

  jQuery('.page-id-4190 span.button_label, .page-id-3410 span.button_label, .page-id-3230 span.button_label, .page-id-4443 span.button_label, .page-id-4190 span.button_label').click(function(e){
    e.preventDefault();
  })
});

• This topic was modified 6 years ago by arohanui2015.

The page I need help with: [log in to see the link]