Free Elementor Sticky Transparent Header Tutorial. [Sticky Header On Scroll Effects] No CSS, No BS😜

In this video i'll show you how to create a free elementor sticky transparent header. Our transparent sticky header will change color on scroll, shrink sticky header on scroll, hide or display sticky header on set scroll distance and or display/hide sticky header on scroll to top.

So in the case that you created your header using elementor free version, this tutorial is for you. I not only show you how to create a free header in elementor but also show you how to add the sticky header on scroll effects in elementor for free without writing any css.

Enjoy the tutorial.
Download my Free WordPress Beginner Toolkit: https://gotechug.com/toolkit/

Timestamps:
Creating a Free Header in Elementor 01:50
Make Header Sticky in Elementor 06:05
Make Header Transparent in Elementor 07:04
Change Background Color on Scroll in Elementor 08:16
Shrink Header on Scroll in Elementor 9:26
Blur Sticky Header Background in Elementor 10:24
Hide Header on Scroll Down in Elementor 11:28
Elementor Transparent Header on Table and Mobile 12:10
_______________________________________________________

🛠 Download my Free WordPress Beginner Toolkit: https://gotechug.com/toolkit/

⚙ Gear I Use (entire camera and recording equipment): https://www.amazon.co.uk/shop/gotechug
_______________________________________________________

Get a Domain and WebHosting
🔵 Hostinger: https://gotechug.com/hostinger
🔵 Blue Host: http://gotechug.com/bluehost
🔵 InMotion Host: https://gotechug.com/in
🔵 Hostgator: https://gotechug.com/hostgator
_______________________________________________________

✅Get Envato Elements ( Thousands of Elementor Templates): http://gotechug.com/envato

Preferred Elementor Themes
✅OceanWP theme: https://gotechug.com/oceanwp
✅Astra theme: https://gotechug.com/astra
✅Kadence theme: https://gotechug.com/kadence
✅Blocksy theme: https://gotechug.com/blocksy

_______________________________________________________

Awesome Elementor Addons & Plugins
✅Get Premium Addons here: http://gotechug.com/premiumaddons
✅Get Elements Kit Addons for Elementor: http://gotechug.com/ek
✅Get Element Pack: http://gotechug.com/elementpack
✅Get Ultimate Addons for Elementor: http://gotechug.com/uae
✅Get Essential Addons for Elementor: http://gotechug.com/essential-addons
✅Get Piotnet Addons for Elementor: http://gotechug.com/pafe
✅Get The Plus Addons for Elementor: https://gotechug.com/theplusaddons
✅Get NitroPack: http://gotechug.com/NitroPack

_______________________________________________________

Productivity Tools
🔔Get LastPass Password Manager: http://gotechug.com/lastpass
🔔Hire on Fiverr (Get 20% off 1st Order): http://gotechug.com/fiverr

_______________________________________________________

🔔Subscribe to my newsletter
https://gotechug.com/newsletter/

*Follow GoTechUG on Social Media*
https://www.facebook.com/gotechug
https://twitter.com/gotechug

For business inquiries send to: hamza@gotechug.com
Background Music: By Ben Sound

DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
Thank you

Видео Free Elementor Sticky Transparent Header Tutorial. [Sticky Header On Scroll Effects] No CSS, No BS😜 канала GO TECH UG