Header transition on scroll to fixed is jumpy

Beaver Builder
1

Hi

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:

http://portfoliopluginwp.com/

Many thanks

Kat

2

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

Best regards,
Leo

3

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:

Ben