Breaking News: Grepper is joining You.com. Read the official announcement!

Header shrinker CSS for Elementor Sticky Headers

Claudius A. answered on September 24, 2022 Popularity 9/10 Helpfulness 3/10

answer Header shrinker CSS for Elementor Sticky Headers

Header shrinker CSS for Elementor Sticky Headers

Comment

/* shrinking header section */

.shrinker {
	background: transparent;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #fff;
	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;
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: lytboxacademy.com

Tags: css elementor header shrink sticky

Link to this answer
Share Copy Link