Page jumping when scrolling and make sticky menu show immediately after scroll

Hi guys,

I need your help with two issues:

  1. when scrolling down (in between the top and the first section), I’m getting a slight “jump” (before the header sticks to the top).

  2. I need to have the top menu immediately sticked to the top, as soon as I scroll down.

In this page you can clearly see the jump, if you scroll slowly from the top: fly4fun.pt/os-nossos-saltos-tandem/

Can you help me?

Thank you!

Hello there,

Thank you for reaching out to us here.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (min-width:1025px){

  #header,
  #header.downscrolled{
    position: fixed !important;
    z-index: 9999 !important;
    top: 0 !important;
    opacity: 1 !important;
  }

  .main-content{
    margin-top: 130px;
  }
  
}

Regards,
Kharis

Hi Kharis,

Thank you so much for the quick response! It is working perfectly now!

Regards,
Bruno