adjust parameters of the sticky header

  • codenamerayven

    (@codenamerayven)


    5 years, 1 month ago

    is it possible to adjust the parameters of the sticky header so as to make its activation less, or not at all, jarring? For example, on my site repeataprayer.com scrolling down to the point where the menu header and logo area is just about off screen, causes the sticky header to activate and instantly jump to the default location. aesthetically, I would prefer the sticky header not move at all, or at least animate more smoothly to its default location.
    is this possible with this theme?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author themeshopy

    (@themeshopy)

    5 years, 1 month ago

    Hello @codenamerayven

    For Smooth sticky header follow below steps:

    Go to Appearance >> Customizer >> Additional CSS, paste the below CSS in it, and publish it.


    .sticky-header {
    transition: all 1s ease;
    }
    .fixed-header {
    animation: smoothScroll 1s forwards;
    }
    @keyframes smoothScroll {
    0% {
    transform: translateY(-40px);
    }
    100% {
    transform: translateY(0px);
    }
    }
    Thank You.

Viewing 1 replies (of 1 total)
  • The topic ‘adjust parameters of the sticky header’ is closed to new replies.