Skip to main content
Print

Banner jumps during page load

Ei issue fix korar jonno header height onujayi top padding css e bosate hobe. ami ekta site er use kora css niche dicchi. ekhane amar site er header design onujayi css breakpoint dhora hoyeche, apnar apnader site header onujayi breakpoint and padding dhore kaj korben.

ei approach e ami motamuti proti line ei !important use korechi, karon !important chara browser theke asha dynamic padding k replace kora jay kina seta amar jana nai. kew jodi er cheye better kono approach jene thaken please feel free to comment below.


/**banner jumping on load issue**/
body #page-container .inner_banner_title{
	padding-top: 266px !important;
}
body #page-container .home_hero .et_pb_slide{
	padding-top: 156px !important;
}
body #page-container .home_hero .et_pb_slide .et_pb_container{
	min-height: unset !important;
	height: unset !important;
}
@media (min-width: 981px) and (max-width: 1650px){
	body #page-container .home_hero .et_pb_slide{
		padding-top: 128px !important;
	}
	body #page-container .inner_banner_title{
		padding-top: 228px !important;
	}
}
@media (min-width: 981px) and (max-width: 1400px){
	body #page-container .home_hero .et_pb_slide{
		padding-top: 102px !important;
	}
	body #page-container .inner_banner_title{
		padding-top: 202px !important;
	}
}
@media (min-width: 981px) and (max-width: 1060px){
	body #page-container .home_hero .et_pb_slide{
		padding-top: 84px !important;
	}
	body #page-container .inner_banner_title{
		padding-top: 184px !important;
	}
}
@media (max-width: 980px){
	body #page-container .home_hero .et_pb_slide{
		padding-top: 80px !important;
	}
	body #page-container .inner_banner_title{
		padding-top: 140px !important;
	}
}
@media (max-width: 767px){
	body #page-container .inner_banner_title{
		padding-top: 130px !important;
	}
}

Table of Contents