1) I’ll need to consult the team on this, having difficulties replicating – even the video is very slight.
2) Please test this:
#header.sticky-header,
#header {
-webkit-transform: translateZ(0) translateY(0);
-moz-transform: translateZ(0) translateY(0);
transform: translateZ(0) translateY(0);
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.full-center .header-right {
transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
}
3) Ah yes, the tabbed header may behave slightly differently. We can stop that very well using this:
.page-heading.fancy-heading.animated, .fancy-heading.animated .heading-text {
transform: none!important;
margin-top: 0!important;
opacity: 1!important;
}
.