Header Sticky mobile – i found many obsolute and old solutions and question

Here is a newer one. But maybe it is not complete:

/* -------------------------------------------------------------    
* Enfold Mobile Header Sticky correction
*
* Standard height 80px
* Sticky: height 60px
*
----------------------------------------------------------------- */
@media only screen and (max-width: 989px) {
	#wpadminbar {
    position: fixed;
  }
  .html_stretched.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    margin-top: 80px !important; 
  }
  .html_stretched.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed !important; 
  }
	.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    line-height: 80px !important;
		height: 80px !important;
  }

	/* .header-scrolled-full */
	.responsive #top .header-scrolled, .responsive #top .header-scrolled-full {
    line-height: 60px !important;
		height: 60px !important;
  }
	.responsive #top .header-scrolled-full #header_main  > .container .main_menu .av-main-nav > li > a,
	.responsive #top .header-scrolled #header_main  > .container .main_menu .av-main-nav > li > a
	{
    line-height: 60px !important;
		height: 60px !important;
  }
	.responsive  #top .header-scrolled .logo img {
    max-height: 50px !important;
		line-height: 70px !important;
		height: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
	.responsive .logo img {
    max-height: 63px !important;
  }
	.responsive  #top .header-scrolled-full .logo img {
    max-height: 53px !important;
		margin-top: -22px !important;
  }
}
/* END HEader Sticky correction  */