Pro Header Customization

Support
#1

Is there a simple way to make a container/element hide when a bar shrinks on scroll? i.e If i have an image and an inline menu I want the image to hide when the bar shrinks on scroll.

#2

Hi There,

Thank you for writing in, add an ID header-img to your image (https://prnt.sc/fycgr9)

And then add this on the header JS (https://prnt.sc/fycgxy)

/*Hide an element with ID of header-img on scroll */
jQuery(document).ready(function($){
	$(window).scroll(function() {
    if ($(this).scrollTop()>0)
     {
        $('#header-img').fadeOut();
     }
    else
     {
      $('#header-img').fadeIn();
     }
 	});
});

While we provided this custom JS code, keep in mind that further customization from here will fall outside of the scope of support that we can offer.

Hope it helps,
Cheers!