A Fully Shrinking Sticky Header On Scroll With Elementor
Channel: Jeffrey @ Lytbox
Date: 2022-05-12

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


In this tutorial, we'll be adding effects to Elementor Sticky headers by shrinking headers, logo & images, menus, and buttons on scroll. We'll also be changing the header background color on scroll using Elementor sticky headers.

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

How to add CSS Tutorial 👉 https://youtu.be/U6txSmJXCcs


/////


✨ 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 👇
1. Building a Header 1:18
2. Setting Up For Shrinking the Header 6:57
3. Making Your Header Sticky 8:22
4. Reviewing the CSS To Add 10:06
5. Shrinking the Header 11:45
6. Changing Your Header's Background Color On Scroll (bonus effect:) 12:02
7. Shrinking You Logo 15:45
8. Shrinking Your Menu 17:20
9. Shrinking Your Button 18:38
10. Building A Mobile Menu 20:04
11. Shrinking Your Mobile Menu 21:49


Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox

#elementorheader #elementorshrinkingstickyheader