Рет қаралды 18,349
Elementor Transparent Header On Scroll: the Ultimate tutorial! TIMESTAMPS BELOW - Get Elementor Pro: kaycinho.com/e... (affiliate link)
In this video tutorial, I will show you how to create an Elementor transparent header on scroll. More precisely, we will be using Elementor Pro, without the need for other specific plugins.
AND AS A BONUS, I will also show you how to create a slick "blurry" effect for your fullscreen navigation modal!
COMPANION BLOG POST & CSS CODE:
kaycinho.com/e...
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/b...
ELEMENTOR NAVIGATION PLAYLIST:
• Elementor Navigation
OTHER LINKS:
- Wirementor demo (built by me): kaycinho.com/w...
- A2 Hosting (affiliate): kaycinho.com/a...
TIMESTAMPS
0:15 - What we're going to build
1:35 - Project Pre-requisites
2:43 - Creating the wp menu
3:34 - Creating the home page
4:04 - Creating the fullscreen navigation
7:53 - Creating the header
22:12 - Adding the shrink logo feature
27.36 - Adding the "hide on scroll down" feature
28:58 - Adding the blurry background fullscreen nav feature
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/r...
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
Also, I am the creator of Wirementor.
#elementor #elementorpro #navigation #webdesign #wordpress