35 Comments

  1. Lewis Roy
    September 18, 2020 @ 3:36 pm

    Thanks a lot……🙏🙏🙏🙏

    Reply

  2. Àlex Barberà Escribà
    September 18, 2020 @ 3:36 pm

    Hi, I'm using this code and it works perfectly, but I've a question. There are 2 sections in my header, a little row with languages and search bar, and a second row with the logo and the navigation menu. My question is, can I use this codeonly for the second row only? I don't want that first row to appear when someone scrolls, just the second row with menu. Right now this works but there are a small gap between the top screen and the navigation menu when scroll up. I don't know if I'm explaining it very well. This is the url with the "problem" when scrolling up, a little empty space: http://baesaudi-cp92.wordpresstemporal.com/coperello.es/

    Reply

  3. CannaMink
    September 18, 2020 @ 3:36 pm

    Thanks, man

    Reply

  4. ALBAN NOUTCHA
    September 18, 2020 @ 3:36 pm

    So great. It's perfect. Thanks Ooo Boi

    Reply

  5. colbert ntunyu
    September 18, 2020 @ 3:36 pm

    when u like without even watching

    Reply

  6. Afrikstabel Textiles
    September 18, 2020 @ 3:36 pm

    Thank you

    Reply

  7. Work Indy
    September 18, 2020 @ 3:36 pm

    Thank you.

    Reply

  8. juarang
    September 18, 2020 @ 3:36 pm

    amazing bro!!! you are the real deal

    Reply

  9. Richard Preschel
    September 18, 2020 @ 3:36 pm

    Great tutorial! Great script! Thanks!

    Reply

  10. Gerti Schoonderbeek
    September 18, 2020 @ 3:36 pm

    Hi, nice vid. However the code gave me an error after pasting the code in html box. Update gave a Server Error (403 error)

    Reply

  11. Panos Arkomanis
    September 18, 2020 @ 3:36 pm

    Excellent! Thank you for this. Very helpful. Your implementations and recommendations are so inspirational.

    Reply

  12. Lorena Chavez Chavez
    September 18, 2020 @ 3:36 pm

    THANKS !!! IT´S WORKING!! I´M HAPPY

    Reply

  13. Humberto Gregorio
    September 18, 2020 @ 3:36 pm

    Great tutorial! Thx a lot. I've bought it also.
    Any idea how you could shrink the logo when it is not at the top of the site? For example: show a smaller logo when scrolling up?

    Reply

  14. Doug Crawford
    September 18, 2020 @ 3:36 pm

    Exactly what I was looking for also. Works perfectly. Thank you so much.

    Reply

  15. Mohammed Rafique
    September 18, 2020 @ 3:36 pm

    Hey there! That was a very informative video which helped me a lot. Can you please guide me how to show header only when I scroll down the page?

    Reply

  16. ERIC ALI MARTINEZ HERNANDEZ
    September 18, 2020 @ 3:36 pm

    Thanks bro, perfectly working.

    Reply

  17. Taiwo Damilare
    September 18, 2020 @ 3:36 pm

    When I add the js code and tried to update, it says Server error; what could i be doing wrong pls?

    Reply

  18. Rial G
    September 18, 2020 @ 3:36 pm

    Thnx friend, this video is the best bro, THANK YOU TOO MUCH

    Reply

  19. Teo Castellino
    September 18, 2020 @ 3:36 pm

    there is the possibility of putting the menu outside the section in the mobile version? Thanks ( I love your tutorial )

    Reply

  20. Jure Puh
    September 18, 2020 @ 3:36 pm

    Great! saved me a lot of work. Thank you 🙂

    Reply

  21. Mircea D Balcan
    September 18, 2020 @ 3:36 pm

    thank you

    Reply

  22. Binyamin Dadoun
    September 18, 2020 @ 3:36 pm

    Thank you for the video! I have a question: can you help me make the header section with different style (colors) when I Scroll up and it appears…?
    Thank you

    Reply

  23. Davidov Michael
    September 18, 2020 @ 3:36 pm

    I modify you script in line with (.header.style.transition = 'all 0.3s ease';) i change "ease to easy" because when scrolling starts, you can notice a color glare if the header has a color change setting when sticky. This change solves this problem, i can sent you video what i mean.

    Reply

  24. Mahedi Hassan Pranto 1610268042
    September 18, 2020 @ 3:36 pm

    love

    Reply

  25. Neville V.V
    September 18, 2020 @ 3:36 pm

    Thanks for the vid!
    I have a question:
    Is there a way to have tho opposite effect. I want the header hidden until a user scrolls down on my page?
    kind regards!

    Reply

  26. cristian8996
    September 18, 2020 @ 3:36 pm

    IS MAGIC!!! hehe

    Reply

  27. Arizona Photo Booth Rentals
    September 18, 2020 @ 3:36 pm

    Works perfectly. Thank you so much.

    Reply

  28. Davidov Michael
    September 18, 2020 @ 3:36 pm

    idea for you addons for elementor, add this option in advance settings but with custom color for sticky menu, example if i create transparent menu but i need set sticky menu when scroll to add color for usability, you can add 3 or 4 option, color, gradient, image, video… this option will be unique and create comfort and easy use your addons

    Reply

  29. Davidov Michael
    September 18, 2020 @ 3:36 pm

    if menu have gradient color, you have problem with this script when you scroll up. Section flickers, how fix that?

    Reply

  30. Youtubers Sin Exito
    September 18, 2020 @ 3:36 pm

    Thanks! it works perfectly. So easy to do

    Reply

  31. Nubenegra martinez
    September 18, 2020 @ 3:36 pm

    sorry… i get this "server error (404 error)" when i save.

    Reply

  32. Macky Angeles
    September 18, 2020 @ 3:36 pm

    +Oooh Boi hi!! I would like to try this out but I have the same issue. I have a transparent header. Is it possible to apply a background on scroll? Thanks!

    Reply

  33. Milad Hesami
    September 18, 2020 @ 3:36 pm

    Hello, thank you. It works perfect and save a lot of time

    Reply

  34. nadenaNPI
    September 18, 2020 @ 3:36 pm

    Perfect video and perfect timing! thx!

    Reply

  35. Marc Orta
    September 18, 2020 @ 3:36 pm

    Yeah! I been looking for that for long. Thousand thanks!

    Reply

Please Login to post a comment

X

Forgot Password?

Join Us