VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » IT, programs, coding
Create a Color Changing Sticky Header Without Code in Elementor [PRO/CLOUD] - Sites on WordPress

Create a Color Changing Sticky Header Without Code in Elementor [PRO/CLOUD] - Sites on WordPress

FBTwitterReddit

video description

Rating: 3.3; Vote: 3
In this Tips & Tricks video, we-ll create a sticky header in Elementor that changes color transparency as visitors scroll through our site. The tutorial will cover: Sticky header uses and benefits Make a header sticky Changing color transparency on scroll And much more!
Date: 2022-04-30

Comments and reviews: 4


3:31 Not looking good (Test that page on a web browser and you will see the issue. Works great in the editor, like you showing in the video)
On testing this, I discover that there is an issue with this feature.
Lets assume that you select green (as background) for the fade in color, then when the page initially loads, it shows the heading background as green, then it quickly fades to transparent. After that initial load it works, but the fact that it shows that initial green, makes this feature unusable on a live production site.
Guess it's back to the CSS

reply

Thank you for all the effort that you're puting into the development of Elementor. I JUST HOPE, ONE DAY, YOU'RE GONNA REALIZE THAT 90+% OF THE WEB VISITORS ARE USING A MOBILE (but you still insist with the desktop tutorials, desktop tweaks etc..) ...
reply

ok, it's without code, but this also means that the transition is dependent of the length of the page.
On a short page the transition will happen very quiclky, while on a long page it will be much slower.

reply

It would be amazing to see this Tips & Tricks videos subtitled in other languages, the reach for the plugin to reach more people would be very expressive.
reply
Add a review, comment






Other channel videos