Great video and explanation for this. Unfortunately, it does not work on mobile devices. I did it exactly according to the instructions but unfortunately it doesn't work. Is there a way to fix this?
The example website you showcase in the video is well executed ❤ could you please make an entire tutorial on how to build the exact website from scratch. Thanks for the efforts! 🎉
Brilliant. it works. However all boxes have to clear, leaving a big blank space before vertical scrolling continues. It would be better if the scroll continues when the last container enters the screen, leaving the content above visible as you scroll down. How to control this variable?
Thnaks for the amazing tutorial. I'm wondering how can I add another slider below it and make it slides from left, so they will cross (one from right and one from left). Is that possible?
Really good, works at desktop fine and smooth .. on mobile .. tested on Iphone7 & Iphone12 .. in safari and chrome .. there ist a stuttering while scolling
Hi Nicolai, I've reproduced everything as in your video, except that when I scroll I have a big empty moment before continuing and exiting the container. That is to say, on my site I only scrolled through 3 boxes, except that for me it doesn't stop after the third and last box, the scroll continues horizontally at a certain point it switches back to scrolling vertically... How can I adjust this?
@@Mattéo-f9s My best guess is that you’re dis not enable “stay in column” in one of your containers under advanced -> motion effect. If that dosen’t work then share a link to your website (remeber to add space between in your link or else I can see it in this comment section)
@@nicopalmkvist Hey, no, you don't understand. Basically, I did put in one of my containers the fact of staying in the column, however, it's just that the horizontal scroll continues after I pass my boxes, and so, there's nothing displayed until I reach a certain point and go back to vertical scroll.
Hi there I hope you are keeping well, I have an issue where the containers are not scrolling. I followed the video exactly but it still doesn't scroll.
Hi and thank you so much for the tutorials!! how can i make it work for Hebrew? i tried to change direction but its still scroll to the left and i need it to go right. How can i make it work? Thank you
i recreated this but it does not work in mobile version... it does not stick when i scroll down in mobile version... it only works when i scroll up.. any fix?
Hi Samer, I’ve read your second comment, and I understand what you're trying to achieve. However, it requires a change in the JavaScript code. I recommend copying my javasvript code from lifeonablock.com/video-gallery-on-scroll/ and pasting it into ChatGPT, explaining what you want to change. I do this often when building these things, and it usually works. 🦾
Good question. My goal with this template was to create something lightweight and super fast, which I achieve by using only Elementor and no other third-party plugins. Often, you need several plugins to create animations and functionality like this, but since I only use code, it impacts the speed much less. Hope that makes sense.
Hi, Nicolai. Is it possible to use just css or javascript code on creating scroll-snap effect on the elementor free website?? If it's possible, I wish to have the tutorial for this cuz i had been searching for such tutorial all over the internet but coudn't find one. Please🙏🙏🙏🙏😥😥
@@nicopalmkvist No I mean like this, but this one is in divi, is it possible in Elementor free?? th-cam.com/video/x5mutkWkEZc/w-d-xo.htmlsi=DGTOTjCqEzDY2HUI
Your tutorial is good, but it's not working. I followed every step carefully, yet the layout is not smooth, and there is white space left at the end. Additionally, the containers are not scrolling horizontally as they should.
60 sec walkthrough of my best Elementor Template: th-cam.com/video/wSv4C3rEp-g/w-d-xo.html
I try to get template, but think I'm working on another project, because in a section there is an image pinned, an image.
thank you soooooooooooooooo much
please, we need more tutorials.
Elementor + GSAP = ROCKS!!!
I couldn’t agree more 🤩
I'll be using this on a website I'm creating for a client. Thank you 😍
I loved your menu bar. How did you make it separate?
Great video and explanation for this. Unfortunately, it does not work on mobile devices. I did it exactly according to the instructions but unfortunately it doesn't work. Is there a way to fix this?
Awesome tutorial! Thank you
Thanks a lot for this tutorial.😊
The example website you showcase in the video is well executed ❤ could you please make an entire tutorial on how to build the exact website from scratch. Thanks for the efforts! 🎉
@@nicopalmkvist Don't doubt that, your video deserves that
Thank you for such a nice tutorial
Appreciate comments like these - thank you! 🥰
Brilliant. it works. However all boxes have to clear, leaving a big blank space before vertical scrolling continues. It would be better if the scroll continues when the last container enters the screen, leaving the content above visible as you scroll down. How to control this variable?
Thnaks for the amazing tutorial. I'm wondering how can I add another slider below it and make it slides from left, so they will cross (one from right and one from left). Is that possible?
Really good, works at desktop fine and smooth .. on mobile .. tested on Iphone7 & Iphone12 .. in safari and chrome .. there ist a stuttering while scolling
wow, you are my knight bro!!
Hi Nicolai,
I've reproduced everything as in your video, except that when I scroll I have a big empty moment before continuing and exiting the container. That is to say, on my site I only scrolled through 3 boxes, except that for me it doesn't stop after the third and last box, the scroll continues horizontally at a certain point it switches back to scrolling vertically... How can I adjust this?
@@Mattéo-f9s My best guess is that you’re dis not enable “stay in column” in one of your containers under advanced -> motion effect.
If that dosen’t work then share a link to your website (remeber to add space between in your link or else I can see it in this comment section)
@@nicopalmkvist Hey, no, you don't understand. Basically, I did put in one of my containers the fact of staying in the column, however, it's just that the horizontal scroll continues after I pass my boxes, and so, there's nothing displayed until I reach a certain point and go back to vertical scroll.
@@Mattéo-f9s did you crack how to control when the vertical scroll resumes without all the blank space?
Hi there I hope you are keeping well, I have an issue where the containers are not scrolling. I followed the video exactly but it still doesn't scroll.
How to scroll fast or give automatic scroll in this effect, please elaborate or provide the code... Thank you in advance.
great video!
excelente tutorial!!!!
Hi and thank you so much for the tutorials!! how can i make it work for Hebrew? i tried to change direction but its still scroll to the left and i need it to go right. How can i make it work? Thank you
Dammit, its not working on free version of elementor, can not access sticky on top
i recreated this but it does not work in mobile version... it does not stick when i scroll down in mobile version... it only works when i scroll up.. any fix?
Just check if there are any css(naming) conflicts
Hello, please, how to make a slider without scroll?
Bro i am become a fan of you!
Hey man thanks for this tutorial this is very helpfull, i have commented on 360 degree video scroll to take effect futher please look. Thanks
Hi Samer,
I’ve read your second comment, and I understand what you're trying to achieve.
However, it requires a change in the JavaScript code.
I recommend copying my javasvript code from lifeonablock.com/video-gallery-on-scroll/ and pasting it into ChatGPT, explaining what you want to change.
I do this often when building these things, and it usually works.
🦾
I followed every step but it is not working :(
what about the page speed if we are using external js and libraries ?
Good question. My goal with this template was to create something lightweight and super fast, which I achieve by using only Elementor and no other third-party plugins. Often, you need several plugins to create animations and functionality like this, but since I only use code, it impacts the speed much less. Hope that makes sense.
@@nicopalmkvist Yes that makes sense, Thank You For the Reply
So cool video
Hi, Nicolai. Is it possible to use just css or javascript code on creating scroll-snap effect on the elementor free website?? If it's possible, I wish to have the tutorial for this cuz i had been searching for such tutorial all over the internet but coudn't find one. Please🙏🙏🙏🙏😥😥
Do you mean like I did in this video:
th-cam.com/video/e4xHOX7ddnk/w-d-xo.html
@@nicopalmkvist No I mean like this, but this one is in divi, is it possible in Elementor free??
th-cam.com/video/x5mutkWkEZc/w-d-xo.htmlsi=DGTOTjCqEzDY2HUI
@@nicopalmkvist I mean something like this but in elementor free. Is it Possible??
th-cam.com/video/x5mutkWkEZc/w-d-xo.htmlsi=LpKXd7bo_-SS8nu2
@@nicopalmkvist I mean something like this, but in elementor free version:
th-cam.com/video/x5mutkWkEZc/w-d-xo.htmlsi=kxnYpQesKGIOQ-82
@@nicopalmkvist I mean something like this but in elementor free version
th-cam.com/video/x5mutkWkEZc/w-d-xo.htmlsi=kxnYpQesKGIOQ-82
Your tutorial is good, but it's not working. I followed every step carefully, yet the layout is not smooth, and there is white space left at the end. Additionally, the containers are not scrolling horizontally as they should.
Please next video on Image Wave Effect
@@secrettalent8123working on two videos at the moment, and the image save effect is One of them
@@nicopalmkvist Thank you so much
I also request you to make some videos on 3D website like vorstudio have!
are you using Paid elementor or free?
@@sangamkumarsingh04 Paid / Elementor Pro
@@nicopalmkvist ok thnak you
Great tutorial, but it doesn't slide on mobile!😀
Allen Jose Garcia Mark Hernandez George
i need elementor pro🥲🥲