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.

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
_______________________________________________________

_______________________________________________________

Get a Domain and WebHosting
_______________________________________________________

Preferred Elementor Themes

_______________________________________________________

Awesome Elementor Addons & Plugins

_______________________________________________________

Productivity Tools

_______________________________________________________

🔔Subscribe to my newsletter

*Follow GoTechUG on Social Media*

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

[jaredwhispers]

Just a few days ago I was thinking how should I edit code to do this, and you release a video with no code, easy, lots of extra features and on top of all, free. Thank you very much. Cheers from Puerto Rico. :)

[peetman]

Exactly what I was looking for! Thank you so much!

[RomeohRamone]

This is maybe the only video that I found that provided a step by step process to do something great! kudos!

[jaggyjoo]

A big "Thank You"! Was just the thing I was looking for!

[HazelAndrewsAcupuncture]

Fantastic! I now know my header will be fine after following your tutorial. :)

[timen.space.]

Thank you, worked perfectly! I set the sticky header to activate after 1 px of scrolling and it gives a pretty seamless experience (at least on desktop).

[organicseoireland]

Dude saved me! I couldnt get the sticky header and I did not know you needed the plugin for it to work with Elementor! Saved my day ty!

[viswavijay]

Thank you man it really helped me!!!
Keep on working you will be at the top I promise

[chriskern]

Thank you so much! this is exactly what I was looking for, and saved me shelling out for a paid theme!

[HeatherCairncross]

Excellent clear video - thank you! I use Elementor free version with pro Essential addons and I've been trying to work this out for ages. Cheers from the south coast of England!

[napendakonyagi]

Simple and straight forward what more can you ask for in a content, thanks bro. Lots of love from neighbour 🇰🇪

[rockerdudsch]

Exactly what I was looking for. Thanks dude!

[juliesepulveda]

Exactly what I needed! Thanks for being so thorough and to the point!!! You got yourself a new follower!

[himanshichinchkhedkar]

Thank you so much friend..I don't know coding and had searched entire youtube for my sticky header. Thank you so much to make it finally possible for me🤘👍

[hiddendream]

Thanks a lot! I've been struggling with creating the header in the free version and this video helped me!

[asnazohair]

Thank you so much. This video was really helpful!

[yujiitadori]

simple and straight to point love it :D

[giftsharegraphics]

This tutorial is perfect! Thanks so much!!!

[moce]

Thanks a lot it was sooo helpful. I subscribed. Looking foward for more content.

[RedubbledD]

I almost gave up on finding a way to create a sticky / hide on scroll header for free. till i found this vid. thank you very much!