Change logo in sticky header

Hey MCLdesign2010,

Thank you for using Enfold.

This script should help you with that. Just adjust the var src value to the second logo image.

add_action('wp_footer', 'ava_toggle_logo_on_scroll');
function ava_toggle_logo_on_scroll(){
	?>
	<script type="text/javascript">
		(function($) {
			$(document).ready(function() {
				var src = 'SECOND LOGO IMAGE URL HERE';
				var logo = $('.logo a');
				var img = logo.find('img');
				
				img.clone().appendTo(logo).addClass('second-logo');
				
				var sec = $('.second-logo');
				sec.attr('src', src);

				function avia_scroll_change_logo()
				{
					set_status = function()
					{
						var st = $(window).scrollTop();

						if(st < 100)
						{
							img.show();
							sec.hide();
							img.addClass('logo-showing');	
						}
						else if(img.is('.logo-showing')) 
						{
							sec.show();	
							img.hide();
						}
					};

					$(window).on( 'scroll',  function(){ window.requestAnimationFrame( set_status )} );
					set_status();
				}

				avia_scroll_change_logo();
			});
		})(jQuery);
	</script>
	<?php
}

Best regards,
Ismael