Elementor Sticky Headers: Hide Header on Scroll Down, Show On Scroll Up
Channel: Jeffrey @ Lytbox
Date: 2022-05-18

✨ Join us in the Lytbox Academy Community:
https://lytboxacademy.com/join-us/


In this tutorial, we'll hide the header on scroll down and show it on scroll up with Elementor sticky headers.

🔵 The CSS snippet to style the highlighted text is can be found here - https://lytboxacademy.com/hide-header-on-scroll-down-show-on-scroll-up-with-elementor/

How to Create A Fully Shrinking Sticky Header (This effect with the hide and show on scroll effect work well together) 👉 https://youtu.be/ahpiYoGvnrc


/////


✨ Learn High-Level Web Design Skills With Me:

🟢 Master Elementor while learning web design skills:
https://lytboxacademy.com/design-with-elementor/

🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:
https://lytboxacademy.com/seo-for-wordpress-course/

🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:
https://lytboxacademy.com/maintenance-plans-course/

🟢 Become a Lytbox Academy Pro Member:
https://lytboxacademy.com/the-academy/


/////


✨ My Recommended WordPress & Web Design Tools:

👉 The hosting I use:

Cloudways (use promo code LYTBOX for 30% off 3/months)
https://lytboxacademy.com/cloudways/
xCloud:
https://lytboxacademy.com/xcloud/


/////


👉 My WordPress Tools:

Elementor Pro:
https://lytboxacademy.com/elementor/
Breakdance Builder:
https://lytboxacademy.com/breakdance/
Bricks Builder:
https://lytboxacademy.com/bricks/
Crocoblock:
https://lytboxacademy.com/crocoblock/
SEOPress (the best SEO tool for WordPress!):
https://lytboxacademy.com/seopress
Perfmatters:
https://lytboxacademy.com/perfmatters
InstaWP:
https://lytboxacademy.com/instawp
WP Umbrella:
https://lytboxacademy.com/wp-umbrella


/////


Time Stamps 👇
Starting the Tutorial - 1:12
Step 1: Edit Your Header Section - 1:51
Step 2: Copy & Paste JS Code Snippet - 3:36
Step 3: Adjusting the JS Code - 5:25
Step 4: Copy & Paste the CSS - 6:20
Step 5: Mobile Version - 8:03
Why Would We Add This Effect? 10:12


Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox

#elementorheader #elementorstickyheader