@@kunallulaz I've finally resolved the mobile issue. Take a look at the live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
You really do put out one gold nugget of a video after the other. Great stuff! Glad our newly started webbureau isn’t located near Aarhus, so we won’t be in too close competition with your huge talent, haha
Thank you for your comment. I believe web agency owners can grow faster by sharing knowledge together. If you're from Denmark, feel free to send me a friend request on Facebook or LinkedIn - who knows, we might meet one day. 💪 Nico
Hi Nicolai, first of all, thank you for your video. I just have a quick question. I've just implemented your tutorial on a site. my left panel color is changing along with the text, but the images are not changing. can you kindly help?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Really amazing! Most part is working, only the pictures aren't joining the process. I have my own pictures, but that shouldnt be the issue. Watch the video several time to see if i made a mistake. I couldnt find anything weird i did. I proberly did, but don't see it anymore.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Hi Nicolai, great work! I bought your template, but unfortunately it only works on desktop, while on mobile and tablet the transition is not responding. What can be the solution for that?
Hello Nicolai, first of all, thank you for your video. I just have a quick question. I've just implemented your tutorial on a site. Do you have a solution for responsive display (phone)?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Great videos man great work keep it up. Just a question though. If i want add other sections below this, how can i make the image disappear and not stay on ? Cheers!
The code works for common image formats like PNG, JPG, and WEBP, but not for video yet. I'm working on getting it to work with video, and I'll let you know when I have a solution. 💪
Hi Nocolai, i would like to change the color of the 1 background, you said put this navy blue, i chose my color instead and it's not working, also, i would like to add a 6th one, the color background do not change even if i add by myself the hex color
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Sure, here's a simple translation: Thank you for your comment. I'm a bit unsure about your question. Are you asking if you want to know more about how I regularly provide videos about GSAP and Elementor? Nico
Very good tutorial, I followed it step by step and it turned out beautiful. I just have one question: is it responsive? Because the first image is not visible on my cell phone. Thanks!
Nice video..... Everything works perfectly but when i scroll down the image goes to the very top of the page and doesn't stay centered as yours, how could I fix that please?
I tried this on elementor and in trying to save, it's showing an error message {Server error (403 error)} but once i remove the Script, it saves perfectly. What could be the problem. I used different image and i didn't change the image names to match yours but i followed every step.
I see that you've provided the responsive version of this now. I would consider downloading it however I would prefer if the text went on top of the photos when scrolling in portrait mode. Would this be easy to change such as changing the z index?
I'm unable to add the motion effect for the container, otherthan container the motion effect is showing but whenever i click container the option goes disappear, how can i turn that option on? or is it something with my elementor pro? Please help
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Hey your videos are absolutely amazing can you make a complete tutorial of gsap? from A to Z gsap x elementor course? it would be very helpful and no one have don it yet
Mobile does not seem to work on mine. The 4 images are at the very bottom and stay there. Must be something to do with relative or fixed. Have looked at the demo but cant figure.
There is a website that has the nav links. However, when you scroll down the content of the sticky header changes and the nav links change to a hamburguer menu. If you scroll app again, it returns to it's first step. Could you make a tutorial about it?
Hi Nicolai, I got the script from gumtree. I want to change the colour of the zigzag shape between the hero video and the first section. How can I do that?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
hi bro, i have a question, my backgroung image dont change when i scroll it, i tried all that you said and didn´t work, Can you imagine what the problem would be?
I got the same issue here. I restarted from the beggining. The only thing i changed is a color. He said "choose navy blue" i choose a random blue, and no you need to use this navy blue #2E4D71
Thank you for your comment. Can you clarify? Do you mean the link to the Greenstock library, or are you referring to the code in general? I own the code, and you have permission to use it if that was your question. :)
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Hello my friend, how are you today? this video is very very usefull, I have a big question, I can see you have a Hero Video Background in the top of your website, my question is, how do you optimize que set that hero background video as an internal embed not using youtube, I already get a big resolution delay que using youtube, ir, if there is another way to solve it. It will be amazing to know. Thank you very much in advance.
I have missing widget of sticky in MOTION EFFECT like others and other user have this setting , please tell me how to change my setting of my elementor?
@@mudasirazhar It sounds strange that you can't see that setting if you have Elementor Pro. However, I understand that some features might be disabled depending on your theme or other plugins. Could that be the reason? Also, remember to update Elementor to the latest version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/ When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
@@nicopalmkvist only for troubleshooting. I mean the code for the classes like: gallery left desktopContent desktopContentSection reveal desktopPhoto desktopPhoto (second time)
please can you make it using only the free elementor setting, not pro. u used sticky settings which is in elementor pro. and also how to edit it for mobile version. humble request.
![SPIN CAROUSEL ON SCROLL - GSAP ScrollTrigger Elementor [No plugin]](http://i.ytimg.com/vi/nRB49gj6sVA/mqdefault.jpg)
How to get ALL my templates: ua-cam.com/video/CuvNYSpMraQ/v-deo.html
You have just got a new subscriber dude
@@nicopalmkvist can you make another video how to do it on movily
Awesome buddy 👍
Can you please help us with the responsive view too?
@@kunallulaz I've finally resolved the mobile issue. Take a look at the live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
@@nicopalmkvist it doesn't work, on mobile version the images are over the other content :(
I followed all the steps and was able to create a beautiful page.
I’m glad to hear that, I appreciate your comment.
Elementor have some cool feature if know how to use it properly, thanks to your video i am learning a lot
Exactly, if you think outside the box, you can really create some amazing designs.
Nice, I was looking to create just such an effect, this is very helpful.
you are doing stunning work , waiting for these types of videos since the elementor is released
You really do put out one gold nugget of a video after the other. Great stuff!
Glad our newly started webbureau isn’t located near Aarhus, so we won’t be in too close competition with your huge talent, haha
Thank you for your comment. I believe web agency owners can grow faster by sharing knowledge together. If you're from Denmark, feel free to send me a friend request on Facebook or LinkedIn - who knows, we might meet one day. 💪
Nico
This is intriguing and satisfying. Keep them coming and well done.
More content coming soon 🔜
Another awesome tutorials. Thank you
I'm glad you enjoyed the tutorials! Thank you for watching. @primeclub92!
Hi Nicolai, first of all, thank you for your video. I just have a quick question. I've just implemented your tutorial on a site. my left panel color is changing along with the text, but the images are not changing. can you kindly help?
add reveal css to your heading
Another excellent video of yours, but if I want it adapted for mobile as well?
What do I do in such a situation?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Really amazing! Most part is working, only the pictures aren't joining the process. I have my own pictures, but that shouldnt be the issue. Watch the video several time to see if i made a mistake. I couldnt find anything weird i did. I proberly did, but don't see it anymore.
Did you solve the problem? I have the same issue
@@SimaRefrigeración nope! All is working just the pic switch isn’t 😅
Amazing tutorial. So smooth
Thanks Janitushar! New ScrollTrigger video will be released tomorrow at 10:00 AM. ;)
Amazing work and i got it perfectly on my 1st try but will be super appreciated if we can get the responsive tutorial for this. plzzzzzzzz
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Awesome tutorial..
Hi Nicolai, great work! I bought your template, but unfortunately it only works on desktop, while on mobile and tablet the transition is not responding. What can be the solution for that?
Great work 👏🙌
Appreciate it, Mehdibourahla
Good work Man
Well done Nicolai!
@Mirajadesign Thank you 💪💪💪
How did you set the beautiful frosted glass type border and shadow on the image? I can't seem to figure that portion out easily.
I figured this out after watching a different video. The images you use have a border already in the image. That's why they look so great! Noted haha
Aha, exactly! Glad you figured it out, mate. 💪
@@bradensimpson8083 which other video was that senor
I love it but I normally use a section, so do you think it can be done by using a section?
This is so cool 🤩
Thanks for checking it out, glad you liked it!
Hi, this video helps a lot, but in the responsive device (mobile), the images are not scrolling. Am I missing any part of the code?
Hello Nicolai, first of all, thank you for your video. I just have a quick question. I've just implemented your tutorial on a site. Do you have a solution for responsive display (phone)?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
@@nicopalmkvist so this wont work on mobile?and what did u change specifically btw,i ain got money to buy the template sadly
Great videos man great work keep it up. Just a question though. If i want add other sections below this, how can i make the image disappear and not stay on ? Cheers!
Awesome dude, there is one question if image or video or may be some other format file how to do that or this same code work for that
The code works for common image formats like PNG, JPG, and WEBP, but not for video yet.
I'm working on getting it to work with video, and I'll let you know when I have a solution. 💪
Where is the code brother@@nicopalmkvist
Hi Nocolai, i would like to change the color of the 1 background, you said put this navy blue, i chose my color instead and it's not working, also, i would like to add a 6th one, the color background do not change even if i add by myself the hex color
I was wondering if such an effect could be created within elementor... Thanks you so much for this tutorial. What do this page looks like on mobile ?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Great job! Thank you.
@@gopoo Thanks, mate 💪
You are amazing. Thanks
Thank you @FreakingALI
wow, great. Please do it more!
Thanks, champ - New video will be released tomorrow at 10:00 AM 💪💪
Such a cool effect and so easy to follow! any ideas for what to do with this for mobile version?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
why cant i do it for my shopify please help me out with a replay
That's awesome! Thanks :)
How it would work on Mobile??
yes you could help us on this
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
@@adibaimanzayn5786 It's working on mobile now ;)
@@nicopalmkvist we want a demo video sir
@@nicopalmkvist only if i purchase it?
thank you! how it looks on mobile view?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
I have a quick question... How do you keep on with your contents
Sure, here's a simple translation:
Thank you for your comment. I'm a bit unsure about your question.
Are you asking if you want to know more about how I regularly provide videos about GSAP and Elementor?
Nico
Amazing Man 🎉
I appreciate your support! Mdfaraz
Very good tutorial, I followed it step by step and it turned out beautiful. I just have one question: is it responsive? Because the first image is not visible on my cell phone. Thanks!
Very nice scroll effects 😉
Thanks, mate - New video will be released tomorrow at 10:00 AM 💪💪
@@nicopalmkvist nice one I will check it out
hello! please tell me, how do you make the cursor movement so smooth? obviously, you are not drawing the cursor on the installation, but how?
Nice video..... Everything works perfectly but when i scroll down the image goes to the very top of the page and doesn't stay centered as yours, how could I fix that please?
Perfect 🎉
I tried this on elementor and in trying to save, it's showing an error message {Server error (403 error)} but once i remove the Script, it saves perfectly. What could be the problem. I used different image and i didn't change the image names to match yours but i followed every step.
Anyway to do this with just the free version of Elementor?
I see that you've provided the responsive version of this now. I would consider downloading it however I would prefer if the text went on top of the photos when scrolling in portrait mode. Would this be easy to change such as changing the z index?
does he give a tutorial for the responsive version somewhere or just the paid version to import?
thank you bro, very good video!
Hi Nicolai, for this animation mobile view image not working ya?
It works, thanks a lot. how do I add emojis and other svg art on the corner of the cards, I tried it but it is tricky
how do you make the cursor movement so smooth on video?
I'm unable to add the motion effect for the container, otherthan container the motion effect is showing but whenever i click container the option goes disappear, how can i turn that option on? or is it something with my elementor pro?
Please help
As always, another excellent tutorial, yours works really well, but how can it be adapted to mobile displays???
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Hey your videos are absolutely amazing
can you make a complete tutorial of gsap? from A to Z gsap x elementor course?
it would be very helpful and no one have don it yet
@@huzaifayounas7018 Thank you for this idea! I’ll look at it. Could you tell me more about what you think the video should teach you?
Mobile does not seem to work on mine. The 4 images are at the very bottom and stay there. Must be something to do with relative or fixed. Have looked at the demo but cant figure.
amazing project my bro thnkss
There is a website that has the nav links. However, when you scroll down the content of the sticky header changes and the nav links change to a hamburguer menu. If you scroll app again, it returns to it's first step.
Could you make a tutorial about it?
Hey, awesome video. I just noticed that it is not mobile responsive.
Hi Nicolai, I got the script from gumtree. I want to change the colour of the zigzag shape between the hero video and the first section. How can I do that?
Hi Anjum. You can change the zigzag shape here: www.loom.com/share/e2693a7be44f44b8ba7cfe740db230df?sid=8474f1b9-4aab-4143-adbd-650745c0b892
Amazing video for learning but It is not working on the mobile version how can I fix it.?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Can It work on elementor without enabling flexbox container?
Thank you for another great video, i want it responsive, can you help me?
Brother, I can't find the CSS code, the link is redirecting to another page
Thanks - I have updated it now: lifeonablock.com/gsap-code-scrolltrigger/
@@nicopalmkvist thank you so much
Can I do this on figma ???
Is there any tutorial for responsive mode
I need to switch the column, left column should contain images and right one should contain text, how do that
Hello, how to make correct appearance on phone also ? :)
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
amazing
hi bro, i have a question, my backgroung image dont change when i scroll it, i tried all that you said and didn´t work, Can you imagine what the problem would be?
I got the same issue here. I restarted from the beggining. The only thing i changed is a color. He said "choose navy blue" i choose a random blue, and no you need to use this navy blue #2E4D71
Legend
how can i change back ground with images when i scroll ?
Hey, Im not sure if it's all right to have that code with/from external link. Do you have any experiences with it?
Thank you for your comment. Can you clarify? Do you mean the link to the Greenstock library, or are you referring to the code in general? I own the code, and you have permission to use it if that was your question. :)
is this responsive?
amazing video, but i have a question. How about the mobile version ? can you show us the POV of the mobile version
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Work on mobile view????
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
Hello my friend, how are you today? this video is very very usefull, I have a big question, I can see you have a Hero Video Background in the top of your website, my question is, how do you optimize que set that hero background video as an internal embed not using youtube, I already get a big resolution delay que using youtube, ir, if there is another way to solve it. It will be amazing to know. Thank you very much in advance.
I have missing widget of sticky in MOTION EFFECT like others and other user have this setting , please tell me how to change my setting of my elementor?
Hmm I found out that this is a Elementor Pro feature. Do you use Elementor free?
@@nicopalmkvist I also use Elementor Pro, but this widget is missing
@@mudasirazhar It sounds strange that you can't see that setting if you have Elementor Pro. However, I understand that some features might be disabled depending on your theme or other plugins. Could that be the reason?
Also, remember to update Elementor to the latest version.
CAN IT BE USED IN RESPONSIVE MODE?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
@nicopalmkvist bro, without purchasing, you are not going to tell the secret aaa??🙂
Not working on mobile. You can resolve it?
The image is not sticking to top
Your tutorials are really inspiring. Thank you very much. Pls how can i contact u personally
Thanks a ton! You can totally hit me up on Info@lifeonablock.com 💪
I did it but, for mobile version doesn´t work
Wow❤
Lauvtyler 💪 ❤
Many comments asking from you it not work for mobile ver but not reply from your side. Can you update this template work in mobile ver. Pls reply
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
@@nicopalmkvist Thank you sir ❤️❤️❤️❤️
can you show how to make background image changes
instead of background color
This is amazing on desktop mode but not working on tablet and mobile
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version.
@@nicopalmkvistawesome!!
On mobile we get color effects only
Why you blocked your website to access from India? I cant able to open it... Please allow access!
Hmm I did not do that, maybe it's my security plugin. Do you mean lifeonablock.com/ ?
Does anyone get the mobile code without purchase?
Images aren't changing, everything else is fine , pls help
Amazing job but doesn't come out goo in mobile, How to fix that?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
how to make it responsive for mobile screen?
Is this responsive?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
How it will works in mobile responsive dude can you put video for mobile responsive ?
Is it free ?
Doesn't work when i reach the end the image disappears and it doesn't matter if i scroll back up. It all bugs
Did you buy the template? Or did you do it yourself? 💙
Good work
You added the wrong url for code and template
Thanks i have updated it now: lifeonablock.com/gsap-code-scrolltrigger/
@@nicopalmkvist Doing great work keep it up 👍💓
A really nice design. But what about the mobile devices, because as I can see, its only configured for desktop devices.
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
super
How to make this responsive, sir?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
Client: Now make it responsive, keeping the same effect.
mobile friendly?
I've finally resolved the mobile issue. Take a look at my live demo on mobile: lifeonablock.com/live-demo-1/
When you purchase this template, the updated version will be included, so you can import a fully responsive version. 💙
@@nicopalmkvist thanks I got a monthly plan 😃
bro the css code is missing on your website
It’s located at the bottom of The page
@@nicopalmkvist only for troubleshooting. I mean the code for the classes like:
gallery
left
desktopContent
desktopContentSection
reveal
desktopPhoto
desktopPhoto (second time)
please can you make it using only the free elementor setting, not pro. u used sticky settings which is in elementor pro.
and also how to edit it for mobile version.
humble request.