We shall use CSS3 animations to smoothly slide the header up when scrolling down and to slide it down when scrolling up.
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 ($27/month).
Already a member? Log in below or here.
great tutorial, looks really smooth.
Following the tutorial returns a “uncaught TypeError” error in line 5 from the js block on what may depend. The JS from the plugin is loaded correctly through the inspection.
In the Oxygen editor or on the front end?
Will this work with your responsive menu for O2? As it is not really a sticky element made by header builder.
Does the code have to be modified?
I would love to implement this on a site I am developing right now.
Works great on desktop, but not on mobile. That’s a pitty!
go to Header Builder element and change sticky above to “alyways”
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 112 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.