• Resolved kike0128

    (@kike0128)


    Hi

    Could you help me with indications on how to make the sticky effect softer than what I have now?

    I leave you a small VIDEO so you can see that the effect is a little rough.

    I have tried this custom code that you made for another user, but it is more rough
    .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 */
    }

    Thanks
    Best regards
    Enrique

    • This topic was modified 4 years, 3 months ago by kike0128.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    @kike0128 That css is for hiding the header when scrolling, I don’t think you should be using it. Could you try turning off the transparent header option? Also, do you have a link?

    Thread Starter kike0128

    (@kike0128)

    Hi Robert

    That css is for hiding the header when scrolling, I don’t think you should be using it

    OK

    Could you try turning off the transparent header option? Also, do you have a link?

    Transparency is not activated

    What I want is to be able to eliminate the effect “flash” “lightning” I don’t know what to call it, which occurs when moving the menu and it is not smooth

    Look at the VIDEO

    Thanks
    Enrique

    Plugin Contributor Robert Wattner

    (@rwattner)

    What other settings do you have turned on? I don’t see a background color change or shrinking logo or anything. This plugin doesn’t make the header “sticky”, it only makes changes after scrolling. Elementor pro scroll effects should be set to sticky top and try disabling my plugin.
    Let me know if that helps

    @rwattner Hello, I’ve run into a similar issue to one you’ve resolved in the past, but for some reason the fix you’d mentioned (enabling Transparent header) didnt work for me.
    I’ve put the site up live so you can take a look yourself: https://holistawork.flywheelsites.com/?page_id=31
    its an issue on all the pages, best visible on the Kdo Jsme? page.

    Here are some screenshots from within elementor that I found rather strange.
    https://puu.sh/GqQOg/f8470c051e.jpg https://puu.sh/GqQOq/4856b7a937.jpg

    The menu seems to be hiding behind the foreground, but it is completely visible when the page is loaded regularly as you can see from the link to the site.

    When I disable the plugin entirely the menu stays static and the page functions normally (no jump). But the menu isnt sticky.

    Any advice would be greatly appreciated, thank you!

    • This reply was modified 4 years, 2 months ago by burningbannas.
    Plugin Contributor Robert Wattner

    (@rwattner)

    @burningbannas It looks like my plugin isn’t being applied to your header section. Also, my plugin doesn’t control if the header is sticky or not, elementor motion effects settings do that. I don’t know what disabling my plugin would have to do with the header being sticky or fixed.
    The reason your header looks like it’s behind the elementor builder is because that header is being put on the page by astra.
    Astra has similar options to my plugin if you want to use their header. My plugin just adds some options to a sticky header built in elementor.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Smoother sticky glide’ is closed to new replies.