Great tutorial Nicolai! I've been holding off learning how to do parallax designs for awhile and you've helped me unlock a new design skill. Thank you.
Get images and code snippet used in the video: lifeonablock.com/parallax-youtube-tutorial/ You might also like this video: ruclips.net/video/p6bR0bTtiPc/видео.html
Is this mobile and tablet view friendly or it will only take effect in desktop view? If not, it would be nice if you'll have another tuts for it. Looking forward to watch your mobile and tablet version of parallax effect. More power to you!
Hey awesome video. If I wanted to make the moon start at the bottom of the screen and move over the heading as you scroll down could I add parallax to that image and adjust its absolute position?
Parallax has been single fav site design flavor for 10 yrs. Adobe Muse made it a dream to create with back in the day before they phased that beloved program out and was mobile friendly. Does your example work on iPhone view?
@thewebstylist It’s possible to create it for mobile, but it requires some extra work. To make it easier, I sometimes create a separate section for mobile that is hidden on desktop view and vice versa. But no, this website is not designed for mobile (yet).
The parallax created with constructors for wordpress doesn't work on iOS, because Safari doesn't support background attachment pixel, to make parallax there's no other option than to get your fingers into the code and dedicate yourself to programming a little and do it with bootstrap, I've done thousands of tests and it's the only way that works. There are many pages that work in a very nice way on Android and Windows and on iOS they are a disaster, because they don't have the same effects that they can have on Android or Windows. What happens is that the person who only uses iOS all their life doesn't know the good things they're missing from web work because they think that iPhone is the best and it's a real piece of crap in Safari updates.
Awesome! Been searching for a parallax tutorial with Elementor Free!
You're welcome!
@@nicopalmkvist you're amazing!
Great tutorial Nicolai! I've been holding off learning how to do parallax designs for awhile and you've helped me unlock a new design skill. Thank you.
Thanks, comments like this mean a lot to me, Josh
I hope your website becomes a success!
Get images and code snippet used in the video: lifeonablock.com/parallax-youtube-tutorial/
You might also like this video: ruclips.net/video/p6bR0bTtiPc/видео.html
Is this mobile and tablet view friendly or it will only take effect in desktop view? If not, it would be nice if you'll have another tuts for it. Looking forward to watch your mobile and tablet version of parallax effect. More power to you!
Any chance to get tutorial for mobile and tablet parallax view make happen?
Thanks! Continue doing this
More content like this is coming soon!
You're so AMAZING!!! Thank you:)
Thank you so much for this amazing tutorial
Hey awesome video. If I wanted to make the moon start at the bottom of the screen and move over the heading as you scroll down could I add parallax to that image and adjust its absolute position?
Thanks! Yes it's possible, but it depends if you use elementor free or pro?
Parallax has been single fav site design flavor for 10 yrs. Adobe Muse made it a dream to create with back in the day before they phased that beloved program out and was mobile friendly. Does your example work on iPhone view?
@thewebstylist
It’s possible to create it for mobile, but it requires some extra work. To make it easier, I sometimes create a separate section for mobile that is hidden on desktop view and vice versa.
But no, this website is not designed for mobile (yet).
What theme did you use for this video on WordPress?
what theme are you using? i want the header menu
Where did you get those images?
www.envato.com/
Nice ! Thanks !
Couldn't we make the whole bottom image (trees, train, etc..) a single image ?
The parallax created with constructors for wordpress doesn't work on iOS, because Safari doesn't support background attachment pixel, to make parallax there's no other option than to get your fingers into the code and dedicate yourself to programming a little and do it with bootstrap, I've done thousands of tests and it's the only way that works. There are many pages that work in a very nice way on Android and Windows and on iOS they are a disaster, because they don't have the same effects that they can have on Android or Windows. What happens is that the person who only uses iOS all their life doesn't know the good things they're missing from web work because they think that iPhone is the best and it's a real piece of crap in Safari updates.
@MarceloCacers - Do you have any references or tutorial how to make that with bootstrap in Wordpress
there is no Moon image :(
Now there is ;) Thanks
No Code???