Published on Oct 29, 2018

Hide Header Until Needed using Headroom in Oxygen

Sridhar Katakam

Updated on August 20, 2020

This members-only tutorial provides the steps to implement Headroom.js, a JavaScript library to hide the header until it is needed in Oxygen.

We shall use CSS3 animations to smoothly slide the header up when scrolling down and to slide it down when scrolling up.

Step 1

Install and activate My Custom Functionality plugin.

Connect to your hosting account using a FTP client and navigate to site's wp-content/plugins/my-custom-functionality-master.

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-ocalendar-check-omagnifiercrossmenuchevron-downarrow-right