Free Elementor Sticky Transparent Header Tutorial. [Sticky Header On Scroll Effects] No CSS, No BS😜
59.7 هزار بار بازدید -
4 سال پیش
-
In this video i'll show
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.
Here is a step by step blog post: https://gotechug.com/free-sticky-tran...
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
Facebook: gotechug
Twitter: gotechug
For business inquiries send to: [email protected]
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
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.
Here is a step by step blog post: https://gotechug.com/free-sticky-tran...
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
Facebook: gotechug
Twitter: gotechug
For business inquiries send to: [email protected]
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
4 سال پیش
در تاریخ 1399/11/27 منتشر شده
است.
59,751
بـار بازدید شده