Need help with Sticky element for header & footer using animation container

[ad_1]

Hi, I want to make,

1. header sticky only when user scroll down & to hide it on scroll up.

2. And for footer (only in mobile & tablet portrait mode) sticky when scroll up & hide when scroll down but only after user scrolls down to some px below (need to show footer at first)

How can we do it?

When I tried to make sticky header using animation container it hides the Title of the page, but not when I use themes sticky header feature.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer