Support » Plugin: Sticky Header Effects for Elementor » Need smoother transition on scroll

  • Resolved 972 creative

    (@toddedelman)


    Hi there

    Loving your plugin. Used it on a recent project. Client is complaining (after launch of course) that the transition effect on scroll is not smooth enough. Is it possible to fix this, and if so, how?

    Thanks,
    Todd

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Robert Wattner

    (@rwattner)

    Hi, I just took a look at your site and something weird is going on there. It’s hard to tell because I don’t know exactly how you have it set up. It’s od that the header section isn’t sticky right away. That would allow for a smooth shrinking effect if it was I think.
    If you could email me I think I can help you further rwattner@gmail.com thanks

    I am also having this same issue. I am using Elementor on GeneratePress. Just curious if you found a solution.

    Plugin Author Robert Wattner

    (@rwattner)

    @glenerd Yes, I wrote some custom CSS to create a slide-in effect that worked for him. Here is the code

    .header {
        position: static !important;
        display: inline-block !important;
    }
    
    .she-header {
        top: -100vh !important;
        transform: translateY(100vh) !important;
        transition: transform 400ms !important;
    /* change 400ms to a larger number to slow it down */
    }

    Also, please make sure advanced tab > motion effects > sticky is set to “none”, sticky header effects > transparent header is “off”, and you are not using any negative margins on the header section.

    Please let me know if this works for you

    Thanks for that. The shrunken menu transitions nicely down now. But… when scrolling down and I reach the desired “scroll distance” the whole page will jump up (about 100 pixels before the shrunken menu comes down). This looks really janky.
    I made sure all other settings suggested are in place.

    Plugin Author Robert Wattner

    (@rwattner)

    Sorry about that. Do you have a link to the site so I can take a better look? I’m in Houston and it’s already late here so I won’t be able to look until tomorrow.

    Plugin Author Robert Wattner

    (@rwattner)

    @glenerd Could you please email me so I can help you further? rwattner@gmail.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Need smoother transition on scroll’ is closed to new replies.