Changing Headers & Menus On Scroll with Elementor

by | Dec 8, 2020 | 0 comments

Changing Headers & Menus On Scroll with Elementor

by | Dec 8, 2020 | CSS Tips and Tricks | 0 comments



🔗 Start with Elementor Pro 🔗
👉 https://elementor.com/pricing/?ref=4977

====================================================

👉 CSS HERE 👇

====== Option 1 Reveal Option =======

/* Slide In From The Top Option */

.header-2 {
transform: translatey(-80px);
-moz-transition: all .3s ease!important;
-webkit-transition: all .3s ease!important;
transition: all .3s ease!important;
}

.elementor-sticky–effects.header-2 {
height: auto!important;
transform: translatey(0px);
}

.elementor-sticky–effects.header-1 {
display: none!important;
}

/* End Of Slide In From The Top Option */

====== Option 1 Fade In Option =======

/* Fade In Option */

.header-2 {
opacity: 0;
-moz-transition: opacity .25s ease-out!important;
-webkit-transition: opacity .25s ease-out!important;
transition: opacity .25s ease-out!important;
}

.elementor-sticky–effects.header-2 {
opacity: 1!important;
}

/* End Of Fade In Option */

=====================================================

My goal is to create a space for Freelancers, Web Designers, and Developers, and Elementor enthusiasts to learn the business side of web design.

Oh, and there will be some cool Elementor tips, tricks, and hacks!

Some of my main focuses:

✅ 1. Scaling your business
✅ 2. Adding more value to your clients
✅ 3. Earning more on your projects
✅ 4. Building systems and process
✅ 5. And improving your Elementor and Web Design Skillz!!!

Join or Facebook group and be part of a supportive community of like-minded creatives helping each other in growing our business – https://www.facebook.com/groups/build…

To talk about possible web design projects you can reach me at https://lytbox.co/contact

The tools we use and resources suggested to go with Elementor Pro:

🔥 Elementor Pro (essential and a must-have for any Elementor site) – https://elementor.com/pricing/?ref=4977

🔥 Dynamic Elements (the best for custom fields and advanced Elementor work) – https://www.dynamic.ooo/?ref=129&camp…

🔥 Ultimate Addons for Elementor (best-coded Elementor plugin) – https://uaelementor.com/?bsf=1721

🔥 The Futur – The best resource to learn how to improve and grow your business (this has been my personal learning place) – https://academy.thefutur.com/a/aff_93…

source