Change the logo while scrolling

Hey justvisible,
Thanks for your patience and the link to your site, I see that you are not using a child theme, so I would recommend installing the WP Code plugin to install the following snippet, then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save:

function change_logo_on_scroll() { ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
      if (scroll > 20) {
    $('.logo a').find( 'img' ).attr('src', 'https://massplaner.de/wp-content/uploads/2023/07/EICHENHAUS-Schreinerei-Planungsbuero-Logo-2017_CMYK_randlos-300x169.png');
   } else {
    $('.logo a').find( 'img' ).attr('src', 'https://massplaner.de/wp-content/uploads/2023/07/eichenhaus-schreinerei-planungsbuero-logo-2017-mobil_poster_.png');
   }
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'change_logo_on_scroll');

In this example I found a different logo in your footer to use, so when you scroll the snippet will change your top logo and then back again when to scroll to the top, feel free to change the logo url’s to suit, the first url is the after scroll url, and the second is your current logo.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike