Header transition on scroll to fixed is jumpy


I’m a bit stumped on this one, the header transition when the user starts scrolling is a bit jumpy into the fixed header, is it possible to have a static transition? a bit like this:


Many thanks


Hi, Kathryn,
you need to give the element “position: fixed;”, that’s all.

Best regards,

Hey Kat,

Try using this CSS snippet and be sure to turn off your Fixed Header.

.fl-page-header-primary {
  position: fixed;
  z-index: 999;
  width: 100%;
.fl-page-content {
  padding-top: 110px; /*Change to whatever the height of your header is*/

Let us know how it goes! :slight_smile: