Header sticky with animation

  • Hello, need your help to solve my problem

    i was able to make my header sticky with some css code (inspired from Sticky Add-To-Cart of product page)

    animation-name:slideInDown;
animation-duration:.7s;
animation-fill-mode:both;

    but my problem the upper area of the content (#page) just like “unnaturally swallowed” to the top (scrolled up very fast).

    i currently many trying to change the padding-top of the #page also with transition just to make it smooth. but still not worked

    you may find my current situation on the link i attached

    thank you

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

  • The topic ‘Header sticky with animation’ is closed to new replies.