Get the images I used for free here: lifeonablock.com/free-images Btw remember to use the "Canvas" layout in Elementor; otherwise, your page won’t be full width. 👆
How do you replay the entrance animations for the headings ? By default they are only played for first entrance. Otherwise another great tutorial, loved it!
@@nicopalmkvist Also, I checked the javascript and see code that makes the page scroll to a specific section when you click a specific link with a specific ID name. So if you put a link (I used a heading widget) with ID #link1 that navigates to #section1 it should scroll automatically to section1. That works, but it doesn't work when I do the same with a #link2, #link3, #link4 When I click on #link2 it scrolls to #section3, when I click on #link3 it scrolls to section 4 and when I click on #link4 it scrolls even beyond section4. Yes, before you ask... I checked all the ID names in the links and in the section. Can you clarify this please, because I don't see an explanation in the tutorial how the navigation works.
This was actually one of my main goals with the project. This type of scroll snap slider is usually only possible with one of the popular slider plugins, which can slow down your site. With this solution, you only need a few lines of code, keeping your page lightweight and fast. You only need Elementor and thats it.
Get the images I used for free here: lifeonablock.com/free-images
Btw remember to use the "Canvas" layout in Elementor; otherwise, your page won’t be full width. 👆
Another one! You really do keep the golden nuggets flowing. This makes slider revolution feel outdated. Thank you💫
🥰
Phenomenal work Nicolai! Only the images used are incredible🔥
Awesome work. I was waiting for this. Thank you Nic!!! You are amazing
It’s also been a long time coming!
@@nicopalmkvist I really appreciate the hard work. Keep it up :)
You are such an amazing being
Love your work! Thank you for sharing this.
Thank you so much, Peter!
please never stop, this is amazing. im thinking about switching to webflow but this kind of content makes me love elementor
I'll make sure Elementor doesn't fall behind ;)
Great tutorial :)
The imagery is really nice, wow
Thanks! Most of them are actually AI-generated, just using a few short prompts. Maybe I should make a video on how to do it someday.
@@nicopalmkvist definitely man, which one did you use? MidJourney?
@@DanieleManca1983 I actually used www.freepik.com/ai/image-generator
Another priceless dynamic banger! And LUV how it’s also mobile responsive!
Thanks, mate! I can always count on you.
Amazing
wow thank you ^^
I really love your work!!! You're talented!
Thanks, Rebeca!
With this Video you earned my subscription! Weil done and Im looking forward for more 🎉🎉🎉
Thanks for your work!!
Amazing! Love what you do!
Thanks, 4Mulator!
You just earned subscriber
Good One! Thanks Nicolai
Thanks, Gopoo ;)
This is AMAAAAAZING!! can't believe it! thanks Nicolai
I'm glad you enjoyed it!
Thank you so much!!! you are the best!
Awsome work, do you need elementor Pro for this?
You are the best 💓
Super cool
bravo brother👏
damn a master peice
Awesome, thank you.
How do you replay the entrance animations for the headings ? By default they are only played for first entrance.
Otherwise another great tutorial, loved it!
Try to insert this javascript code in the bottom of the code: codepen.io/Wireframe-ApS/pen/poMMNqO
youre the best my bro
Just amazing, thanks
Glad you liked it, Labarbaweb
nice project
Thank you! Cheers!
Wow! I need this for my website
Go for it! 💪
excelent brother love it very much
Thanks 💪
Thank you so much
Looking good
Thanks, Fatjay!
Great work, but to continue the site and exit the scrollin how can you do that?
great
thank you so much ❤
You're welcome :)
Love From Pakistan😃🥰
🇵🇰🇵🇰🇵🇰
Thnku nik
What about the changing color of logo? 👀
❤❤❤
Is it possible to add a sticky navigation with anchor links?
Yes just add a #section1 and add it to the menu link, if that make sens?
@@nicopalmkvist
Yes it makes sense but did you try it?
@@nicopalmkvist Ok I tried it myself and it does work but there is no smooth scrolling, it just jumps to the section.
.
@@nicopalmkvist Also, I checked the javascript and see code that makes the page scroll to a specific section when you click a specific link with a specific ID name.
So if you put a link (I used a heading widget) with ID #link1 that navigates to #section1 it should scroll automatically to section1. That works, but it doesn't work when I do the same with a #link2, #link3, #link4
When I click on #link2 it scrolls to #section3, when I click on
#link3 it scrolls to section 4 and when I click on #link4 it scrolls even beyond section4.
Yes, before you ask... I checked all the ID names in the links and in the section.
Can you clarify this please, because I don't see an explanation in the tutorial how the navigation works.
How does this affect your page speed?
This was actually one of my main goals with the project. This type of scroll snap slider is usually only possible with one of the popular slider plugins, which can slow down your site. With this solution, you only need a few lines of code, keeping your page lightweight and fast. You only need Elementor and thats it.
@@nicopalmkvist hi! Can you tell meu one of those popular plugins ? I wanna try it with them also since i don t have ellementor pro to add custom css
@@nicopalmkvist🔥🔥🔥this is great🔥🔥🔥
Can I add this section slide to my Shopify website?
No, this is only for Wordpress / Elementor users
are this elementor ? it need to be pro