Elementor Shrinking Header Snippet

/* shrinking header section */

.shrinker {

	background: transparent;

        height: (set your header height in pixels);

	transition: all .2s linear!important;

	-webkit-transition: all .2s linear!important;

	-moz-transition: all .2s linear!important;

}

.shrinker.elementor-sticky--effects {

	background: #fff;

        height: (set your header height after shrinking in pixels)!important;

	padding-top: 2px!important;

	padding-bottom: 2px!important;

	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);

	transition: all .2s linear!important;

	-webkit-transition: all .2s linear!important;

	-moz-transition: all .2s linear!important;

}