hide logo when scrolled

oh wow – did not see that you are only asking for the logo hide/show !
so forget about my solution – which is meant for hide/show complete header – sorry

_________ so this is not for your problem ____________

yes, this is a possibility – but has the disadvantage that this class (header-scrolled) is only removed if you are in the top position on the page. This means that the header only appears again then. If you scroll-direction is up at the bottom (or middle) of a page, nothing happens.
It would therefore be better to have a class that is removed as soon as a certain distance is scrolled back – and thus restores the header visibility.

This is a function adding a class (hide-header) depending on scroll distance.

function hide_header(){
?>
<script>
(function($){

  'use strict';
  var c, 
  currentScrollTop = 0,
  header = $('#header');

   $(window).on('scroll', function () {
      var a = $(window).scrollTop();
      var b = header.height();
      currentScrollTop = a;

      if (c < currentScrollTop && a > b  ) {
        header.addClass("hide-header");
      } else if (c > currentScrollTop && !(a <= b)) {
        header.removeClass("hide-header");
      }
      c = currentScrollTop;
  });
})(jQuery);   
</script>
<?php
}
add_action('wp_footer', 'hide_header');

The css you need on that must reflect your header height you set on Enfold options. And the options – f.e. if you have a top-menu or phone-info field above the header. And if it scrolls away.

The trick now is to shift the header in y-direction above the viewport.
And because we do not want to do that if the burger menu is opend – we exclaim it bei not selector ( :not(.av-burger-overlay-active) )
The media query settings are individual – and you have to adjust it to your needs – if you got pages with transparency headers – maybe there had to be different padding-top settings of #main.

css – first settings:

.responsive:not(.av-burger-overlay-active) #header {
  top: 0px;
  -webkit-transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
}

.responsive:not(.av-burger-overlay-active) #header.hide-header {
  -webkit-transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
}

.responsive:not(.av-burger-overlay-active) #main {
  top: 0px;
  -webkit-transition: padding-top 0.5s ease-in;
  transition: padding-top 0.5s ease-in;
}

.responsive.av-burger-overlay-active #header {
  position: fixed !important;
}

@media only screen and (min-width: 990px) {
  .responsive:not(.av-burger-overlay-active) #header.hide-header {
     transform: translateY(-116px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive:not(.av-burger-overlay-active) #header {
    position: fixed !important;
    top: 0;
  }
  .responsive:not(.av-burger-overlay-active) #header.hide-header {
     transform: translateY(-90px);
  }
  .responsive #top #main {
     padding-top: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .responsive:not(.av-burger-overlay-active) #header {
    position: fixed !important;
    top: 0;
  }
  .responsive:not(.av-burger-overlay-active) #header.hide-header {
     transform: translateY(-80px);
  }
  .responsive #top #main {
     padding-top: 80px !important;
  }
}