Hide Sticky Header on Scroll Down / Show on Scroll Up Elementor

htmlwidget

//Set Element ID to "stickycrowwwn"

<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickycrowwwn').addClass('crowwwnup');
} else {
$('#stickycrowwwn').removeClass('crowwwnup');
}
}
mypos = mywindow.scrollTop();
}); }); });
</script>

<style>
#stickycrowwwn{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.crowwwnup{
transform: translateY(-65px); /*adjust this value to the height of your header*/
}
</style>