Make this Stacked Card Scrolling Effect/Animation in Elementor | WordPress Creative Text Box Design

Today I'll show you, how to make this Stacked Card Scrolling Effect/Animation in Elementor and Design this WordPress Creative Text Box.
✅Get Elementor Pro:
makedreamwebsi...
✅Get code snippet for Stacked Card Scrolling Effect:
makedreamwebsi...
✅Get this as Ready Template (✨1 CLICK INSTALL✨):
templatish.com...
In this tutorial, I’ll show you how you can make the stacked card design on your Elementor website. So, when you scroll down, the card start to go away and the next one will show up at the very top. Also when you scroll up, they again start to come back to the right place. You can make a beautiful services section or portfolio section design by following this tutorial.
If you want, you can get this animated card effect as a ready template from my template shop. Here as a bonus, you'll get both the container and non-container versions. But, if you don't want this templates, you can also start it from scratch.
First, we need to create a nested container structure and inside that create 2 columns. On the left, let's put some content and on the right we'll create our main scroll animation section.
Inside each box, you can add any content you want. Here, I've added some heading widgets and design them. Then, duplicate it for creating multiple boxes. Make sure to set their position absolute to keep them at the same place.
Finally, to create the effect we need to add some classes and custom codes. Also check it's responsiveness on the tablet and mobile devices.
So, that's how you can make this scrolling text box in WordPress. If you enjoy this tips and tricks tutorial, cool effects and want to get more creative and advanced design, don't forget to like and subscribe.

[@fransouza4108]

Guys, for those who are having problems with the section not sticking, you should click on the section or container where the cards are and click on advanced > movement effects > sticky > top > stay in column > yes, and if necessary, insert padding in that container so that it doesn't stop on top of the cards. I also placed the javascript code in the wordpress panel > Elementor > custom code. And thank you very much to the creator of this channel, I love your tutorials, very creative and different. 💖

[@smzahidiqbalpavel1582]

I've tried your instruction but in my case it's still not working.

[@arctictern360]

Hi, when I scroll, two of my cards go through and the other two cards stayed in the same place.

[@abdelrahmanabdo2352]

Not working too

[@carolinedoliveira3688]

I was able to solve it in a simpler way. I tried to do what you said, but it didn't work for me either. I was able to solve it very simply, just by aligning the items in the child container to the center! It worked super well and I didn't have to make any more changes! Hope I helped!

[@carolinedoliveira3688]

For those who are having the same problem as me: The design was stuck at the bottom of the page. There is a way to solve this very simply, just align the items of the child container to the center! That way you can use the VH in 100 without bugs! Worked form me! Hope i helped! And Thanks, man! Your content is just great!!!

[@rupalishirale2828]

how can i solve this in tablet view???

[@gelamegeneishvili130]

Hope you are doing well, Your channel is so underrated my friend, you are a great help to every WordPress developer.

[@MakeDreamWebsite]

Thank you so much! Glad to know that!

[@GhostiePostie]

Worked perfectly for me in 2024. Amazing value add, thank you sir!

[@MakeDreamWebsite]

You're welcome!

[@kke-cn]

That's a very great video! Thanks bro. For the guys who meet the left container doesn't stay sticky, I solved it by making a little change by adding a css in the css code snippet. selector{ --card-scroll-height: 400; --card-rotate: 12; --flex-direction: column; }

[@atulkadyan1303]

didn not work stick the container is not sicky

[@sicc.studio]

@@atulkadyan1303 same with me, I'am trying to solve as well

[@rohanpal8086]

bro my right container in which the cards are , doesn't stay sticky. do you have any idea how to fix that?

[@muchlovebymel]

This is so fun!! Love getting to see videos like this to help remind me of just how HUGE elementor is for creative opportunities.

[@MakeDreamWebsite]

Yes, you're right! You can elaborate the design and functionality of any page builders with custom codes.

[@mtvsan70]

It didn't worked for me. I am using Hub Theme and have placed CSS in Custom CSS option provided by the theme.

[@yvescrystal2279]

Hello, Really cool effect. I followed your steps it and it works fine. The only problem I am having is that when I am scrolling down, all the cards are invisible. Then, as soon as the effect takes place, the cards appear. Do you have an idea why and how I could correct this?

[@user-zf2vt7we1d]

Hi, great video, anyone else encountering a horizontal scrolling problem on mobile following the code?

[@GoofyAssName]

Spectacular video yet again! In the future, please make a tutorial on how to make a scroll-through video (a background video that plays once you scroll down the page). Stay safe and thanks again!!!

[@MakeDreamWebsite]

Thanks for the idea!

[@tariqsaeed3955]

​@@MakeDreamWebsiteI have to convert a psd to wordpress ,i need a simple guide , how can i get your help.

[@MakeDreamWebsite]

@@tariqsaeed3955 You can measure each and every pixels from the PSD file and apply it with Elementor.

[@mirsb5249]

Hi, amazing tutorial, but there is a slight problem, the cards dont move as they should with the mouse abd the left side is sticked at the bottom. can you help me out.

[@emanoelrocha5409]

AMAZING! Simple like that. Você é um dos mais incríveis que já vi. Thank you so much, from Brasil!!!

[@MakeDreamWebsite]

You're welcome!

[@mrstrange7124]

you make the best and i mean the best, website guides by far. and for free, you are the best.

[@MakeDreamWebsite]

Thanks a lot!

[@taimoursoomro]

Thanks it worked liked a charm i was making a very small mistake but figured it out and it worked thanks.

[@MakeDreamWebsite]

You're welcome!

[@xReTuneSx]

Hey, I love your content, theres so much useful stuff for Elementor. Thank you

[@MakeDreamWebsite]

Thank you too!

[@Matrix_15821]

Hey, can we enable page snap scroll with it? it doesn't seem to work with page snap scroll. if you know a method it would be much appreciated. Keep it up! Great work my friend

[@MakeDreamWebsite]

Yes, it may not work with scroll snap.

[@afolabiraymond9912]

Your videoes are amazing and you are my mentor in elementor...Thank you for always making a useful video content

[@MakeDreamWebsite]

Thank you too! Glad to know that really helps you...

[@raisulislam2347]

Fantastic Video! But for me the section that holds these cards is disapprearing without showing all the cards. If would be better if the screen is pause scrolling when the card section is visible. And when users is scrolling instead of scrolling the page, it just changes the card. ANd once all the cards are done revealing the screen can scroll again for the viewer. Hope to hear from you.

[@MakeDreamWebsite]

It supposed to be do that. Maybe for some reason it don't work properly. You can email me so I can figure out the issue...

[@raisulislam2347]

​@@MakeDreamWebsite Can you please reply with your email address?

[@olliemolly6411]

i'm experiencing the same problem

[@ayoubessaki5293]

​@@MakeDreamWebsite i have the same problem can you make short video fixing that issue please

[@andres.freelancer]

I already have the same problem, the scrolling just continue without showing all the cards, is there any way to fix that @MakeDreamWebsite ?

[@shreyansjain5599]

For me the problem was with the sticky situation. The container just doesn't hold up and the whole thing scrolls down. What I did was I first change the "--card-scroll-height" to 100 and then change the container height to 130vh. It should solve the problem. You can tweak around the values according to you as these values worked for me but its not necessary that it will work for you as well

[@albertoestevezdecastro4699]

I had a similar issue. In my case after tweaking the values, I realized that my container structure wasn't exactly like the authors one and therefore the sticky effect selector was not affecting the correct container. Hope this helps

[@anubhavmaurya8959]

can you please explain more? I am also facing the same issue. @@albertoestevezdecastro4699

[@rebeccaoort4838]

Thank you! I wanted to let you know that your answer was the only thing that helps!

[@fanfan5821]

I managed to fix the sticky issue. To do so, it's necessary to remove the 'mdw-stacked-card-area' CSS class along with the CSS code from the second container and apply them to the first, main container. I also want to thank the creator of the video !

[@diabolos952]

Hi fan could you more elaborate the solution? So where the 'mdw-stacked-card-area' should to be placed in?

[@fanfan5821]

The 'mdw-stacked-card-area' should be placed in the main container in the CSS classes.

[@ALEISHAFEDORASYAFIRAMOHAMMADAZ]

thank you so much! worked well for me!

[@harshkhaitan4478]

I have some issue with this tutorial on my website. The cards are not moving up serially. I mean the card which is at the bottom scroll ups first and the card at the top scroll up at last

[@mavisoulx]

me too, please someone help us

[@iwebmediahub8087]

Thanks my cards move but the overall container is not sticking up well

[@followinglove666]

#MakeDreamWebsite Sir this is not working properly for me, when I scroll down the container cut off from frame, please help me to resolve the issue 😞?

[@24flicker]

Love this! So glad I found you!!

[@MakeDreamWebsite]

My pleasure!

[@tay_functional]

I Love your content and your templates

[@MakeDreamWebsite]

Thank you!

[@Kingugur111]

Works Great, thank you Bro!!!!❤️❤️❤️

[@MakeDreamWebsite]

You're welcome!

[@noelfromgen2546]

Great animations. Your tutorials are always great. Sadly it doesn't work for me, especially on widescreens. The animation is starting to early and the main container is growing during the scroll Animation

[@arshpreetkaur6378]

Hi,buddy can you make a video on how to add rotating border effect on button using elementor.

[@Matrix_15821]

I just bought it but the page doesn't stay sticky, the cards move just right but the page scroll keeps going down !

[@MakeDreamWebsite]

Can you please email me?

[@Matrix_15821]

@@MakeDreamWebsiteHey man you're the best, just noticed your email and it worked perfectly fine Thanks!

[@joineri8806]

@@Matrix_15821 what is the solution?

[@conduzzadigital7421]

Unfortunately, the section keeps scrolling it doesn't stay sticky as in video, animation works but you wont be able to see all the cards. And many people below have the same issue, i have tried your new code as you said it updated and tried in new page, i have tried with default wordpress theme as well as elementor theme. it does not work and i have emailed author about the issue too, no answer. So dont waste your time people. I am not sure if the templates in templatish (author's shop) will work, i am afraid it has the same issue. (i dont know your email)

[@trendyones.]

the javascript code you've given in the website, isn't working

[@Roshankv2002]

Same ,time waste 😕😕😕

[@williambutcher782]

​@@Roshankv2002buy the temple 😢

[@bananacorperation]

i bought your template but on the desktop version the cards dont stick in the middle, they stick at the bottom

[@MakeDreamWebsite]

You can email me

[@nickkizys]

Really cool tutorial! It gives me a 403 error when I try to publish the cards with the Javascript code. What can I do to fix that?

[@MakeDreamWebsite]

I think that is because of one of your plugin conflicts!

[@PodcastHub-qn6un]

@@MakeDreamWebsite Hey bro how to solve it

[@kshyamasagarminz697]

Your tutorial videos are amazing.

[@MakeDreamWebsite]

Glad you like them!

[@spaceview514]

Thank you for always making a useful video content!!! Please make some videos about Property related website...

[@Mrjeipei]

You are so amazing! I have 1 website that I like to know how. They have this cool dragable and clickable hero section for their product. I hope you make a tutorial for same like this. ❤

[@omarnino6085]

this is such a great design and i really like it. i want to use it in my website but the section is not sticking to the top. is there anyway u can help me fix it ? i really need it to work

[@saraga94]

Wow! This is great, you deffinetly can make dream websites in elementor. Thanks! I have a question, is it possible to delay the time of the cards scrolling? It is to quick for people to read the first card on cellphone.

[@MakeDreamWebsite]

Thank you so much. Yes, you can make it slower by increasing this value at the top of the css line. --card-scroll-height: 400;

[@atulkadyan1303]

bro can you help me I followed every step and my parent container is not sticky and when I scroll only one card moves and there is white space below it I am using gsap and lenis for other animations

[@CarlosGzUrbanic]

Hi! is there any solution to my problem? When I set the position as Absolute, it doesn't stack the cards as in the video, it puts one card above the other instead. so when test the page, theres a lot of space in the page over the section Thanks

[@faisalalibhattifaisalalibh1396]

Hi 🎉 iam very happy to see your contant is OMG😂 Can you create video on elementor topic. / When we relode the page a popup animation comes . Make a video on soon

[@MakeDreamWebsite]

You're vert welcome! You can go to the Elementor popup settings and set it very easily!

[@faisalalibhattifaisalalibh1396]

@@MakeDreamWebsite I mean when we relod the page in whole page popup animation comes live delivery 🚚 bus animation or pizza 🍕 rotation animation just like that

[@theoriginals.studios]

Hello there, I purchased this template. it's working fine on CANVAS mode but when I switch to full width, It doesn't work as expected. Please could you help regarding this?

[@MakeDreamWebsite]

You can email me your page link

[@visualmodo]

Excellent video! =D

[@MakeDreamWebsite]

Thanks a ton!

[@pantonio70]

Great, how can I add those cards, I have the Premium Addons for Elementor plugin and I use the vertical scroll, but I can not enjoy the movement of the cards because it makes me scroll.

[@MakeDreamWebsite]

Okay! I'll update the code snippet soon so it will work without any issues...

[@pantonio70]

@@MakeDreamWebsite Thanks for your response. great job.

[@wp_design_lab]

Fantastic videos, as usual!

[@MakeDreamWebsite]

Thanks!

[@windmillsmedia1055]

I just sent you an email with a link to my website page that I am having issues with while trying to use this animation. When I first set the page up and followed your instructions both sections were sticky and worked properly, but suddenly stopped being sticky and now both containers with text and cards scroll up and down the screen without showing all the cards.

[@uiuex]

Hello, i send you and email "Hello, stacked card works well and I loved the functionality but there is a problem with overflow on mobile devices "tablets and mobiles", can you fix it? I already added the code to the css but it doesn't work."

[@MakeDreamWebsite]

Okay! I’ll email back to you shortly!

[@sheela_travel_vlog]

Hey, Thanks so much. It really worked . Woow...................

[@MakeDreamWebsite]

You’re welcome!

[@iwebmediahub8087]

Great videos, as always 👌, what if I want the cards stacked to the right side and not in rotation, so if the page is been scrolled the cards will be animating from left right and right left according to page scroll

[@promahdihasan]

Great Video But full container taking over height between others container, how can i reduce container height

[@rafaeloliveira-ou5ws]

Very good video, congratulations. I followed the step by step, but the effect didn't work. I don't know what could be wrong.

[@PodcastHub-qn6un]

For those having a 403 error try to add this code in html. It worked for me document.addEventListener('DOMContentLoaded', function() { const stackedCardAreas = document.querySelectorAll('.mdw-stacked-card-area'); stackedCardAreas.forEach((cardArea) => { const cards = cardArea.querySelectorAll('.mdw-stacked-cards > .e-con, .mdw-stacked-cards > .e-container, .mdw-stacked-cards > .e-con-inner > .e-con, .mdw-stacked-cards > .e-con-inner > .e-container'); const stickyContainer = cardArea.querySelector('.e-con, .e-container'); let previousScrollTop = window.pageYOffset || document.documentElement.scrollTop; let cardScrollHeight = parseInt(getComputedStyle(cardArea).getPropertyValue('--card-scroll-height')) || 400; let cardRotate = parseInt(getComputedStyle(cardArea).getPropertyValue('--card-rotate')) || 9; let stickyTop = 0; function setValues() { if (stickyContainer.offsetHeight > window.innerHeight) { stickyTop = cardArea.offsetTop - stickyContainer.offsetTop - window.innerHeight / 2; } stickyContainer.style.top = -stickyTop + 'px'; cards.forEach((card, index) => { card.style.transform = `rotate(-${index * cardRotate}deg)`; card.style.zIndex = cards.length - index; }); cardArea.style.height = stickyContainer.offsetHeight + ((cards.length - 1) * cardScrollHeight) + 'px'; } function cardSlideUp() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop; const cardAreaTop = cardArea.offsetTop; const index = Math.floor((scrollTop - cardAreaTop - stickyTop) / cardScrollHeight); cards.forEach((card, i) => { card.classList.toggle('mdw-active-card', i = -1 && index < cards.length - 1) { card.style.transform = `rotate(${ -1 * i * cardRotate + (index + 1) * cardRotate }deg)`; } }); } setValues(); cardSlideUp(); window.addEventListener('scroll', cardSlideUp); window.addEventListener('resize', () => { setValues(); cardSlideUp(); }); }); });

[@user-ib8or6oj7p]

This works perfect but after adding these codes other contents of my website are not visible.

[@gerard1589]

thanks you so much for that!! Gracias!!

[@MakeDreamWebsite]

You're welcome!

[@martinbilinski8097]

Well. It doesnt work. I did all steps insert the codes but the cards dont even show up rotated. There only one card above the other when i scroll nothing happens.

[@Thiago-pi7lu]

Thank you! You rock ⚡⚡

[@MakeDreamWebsite]

You're welcome! 🙏🙏

[@user-dr1ri5xy1o]

How do I get the section to stick with the cards so it stays on one place while cards are moving away?

[@k.jennifercampbell]

so talented!

[@MakeDreamWebsite]

Thanks!

[@Snowfox23]

Amazing 🙌

[@MakeDreamWebsite]

Thanks

[@mindmarksmarketing]

We just found a solution for the ones that are having problems. Just change the 100 vh of the column container (left one) to px and adjust accordingly and that will solve it.

[@looknread]

thank you!

[@atulkadyan1303]

could you explain in brief i did not get it

[@albertoestevezdecastro4699]

Does anyone else get a 403 error when trying to save the html widget with the Javascript code? If so, any solution? Thank you

[@Kietsch92]

Thank you for your instructions. I bought your template, but unfortunately it doesn't work. The scrolling does not stop, but all the cards just wipe through quickly.

[@MakeDreamWebsite]

You can email me

[@md.jabedkhan1791]

The code is working but there is a problem, I am not able to stuck on this section and scroll the card. What's the problem could you please tell me?

[@Capie024]

Amazing!

[@MakeDreamWebsite]

Thanks!

[@hotelariapro]

I follow your channel in Brazil. I need to create an effect that I can't replicate. Do you freelance? Congratulations on the work and thank you for sharing your knowledge.

[@eartvn]

I am having a problem with html, when I put html (JS code) in it will cause a 403 error

[@PodcastHub-qn6un]

Add this code in html . It's working document.addEventListener('DOMContentLoaded', function() { const stackedCardAreas = document.querySelectorAll('.mdw-stacked-card-area'); stackedCardAreas.forEach((cardArea) => { const cards = cardArea.querySelectorAll('.mdw-stacked-cards > .e-con, .mdw-stacked-cards > .e-container, .mdw-stacked-cards > .e-con-inner > .e-con, .mdw-stacked-cards > .e-con-inner > .e-container'); const stickyContainer = cardArea.querySelector('.e-con, .e-container'); let previousScrollTop = window.pageYOffset || document.documentElement.scrollTop; let cardScrollHeight = parseInt(getComputedStyle(cardArea).getPropertyValue('--card-scroll-height')) || 400; let cardRotate = parseInt(getComputedStyle(cardArea).getPropertyValue('--card-rotate')) || 9; let stickyTop = 0; function setValues() { if (stickyContainer.offsetHeight > window.innerHeight) { stickyTop = cardArea.offsetTop - stickyContainer.offsetTop - window.innerHeight / 2; } stickyContainer.style.top = -stickyTop + 'px'; cards.forEach((card, index) => { card.style.transform = `rotate(-${index * cardRotate}deg)`; card.style.zIndex = cards.length - index; }); cardArea.style.height = stickyContainer.offsetHeight + ((cards.length - 1) * cardScrollHeight) + 'px'; } function cardSlideUp() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop; const cardAreaTop = cardArea.offsetTop; const index = Math.floor((scrollTop - cardAreaTop - stickyTop) / cardScrollHeight); cards.forEach((card, i) => { card.classList.toggle('mdw-active-card', i = -1 && index < cards.length - 1) { card.style.transform = `rotate(${ -1 * i * cardRotate + (index + 1) * cardRotate }deg)`; } }); } setValues(); cardSlideUp(); window.addEventListener('scroll', cardSlideUp); window.addEventListener('resize', () => { setValues(); cardSlideUp(); }); }); });

[@user-dr1ri5xy1o]

It doesnt stop on one place when cards are going up as on your video. Any suggestions?

[@emiliano.digital]

Could you answer what to modify in the code so that it works correctly, instead of saying that we should contact you? The animation starts before the container on the left can be seen properly.

[@MakeDreamWebsite]

As you can see it works perfectly on my website. Your website is unique and also the reason of the issue is unique for your case. That's why I need to investigate the issue for everyone when they share their page link and I try to resolve it.

[@themotivationplaza]

brother, please consider doing some tutorials for WooCommerce / Online Stores / Clothing Brands / Fashion Store, if you have the time for that. let's goo

[@user-qx3pt7he8t]

I put the code same to same way you describe in the video.but it not working

[@habilosauditoredafirenze3564]

Really nice tutorial, I just tried it myself and saw, that the container wouldn't stay sticky, after trying to fix the issue I couldnt find any mistake. Than I decided to buy the template but even the template didn't work properly. My issue is, that the container doesn't stay sticky. Any reasons or solutions for that? Using Hello Elementor theme not havin a very lean setup with ACF and not much plugins. Thanks in Advance

[@MakeDreamWebsite]

You can email me your page link...

[@habilosauditoredafirenze3564]

@@MakeDreamWebsite ya sure, do you have an email address for me?

[@MakeDreamWebsite]

@@habilosauditoredafirenze3564 It's [e-mail]

[@arthurmarkin1992]

I have the same problem, have you found a solution?

[@habilosauditoredafirenze3564]

@@arthurmarkin1992 sadly no, I even let him check my website and he couldn’t find the issue 😪

[@manavmahendru198]

Hey! Can you help me? I have done evrything same and at the end i removed the left container coz I wanted this in full. Now this animation is happening but cards are getting scrolled more earlier. I mean i am not able to read the cards properly coz only half card is visible and they are getting scrolled. So can you suggest me what should i do so that whole card is visible then this animation takes place. Pls help bro!

[@MakeDreamWebsite]

May be you missed to do something

[@manavmahendru198]

@@MakeDreamWebsite No bro! I have done the same as in video but still i am facing the problem

[@studioalius27]

Hi, this template doesn't work for me when scrolling on my phone. Any solution? Well thank you.

[@franktielemans6624]

Great content!

[@MakeDreamWebsite]

Thank you so much 🙏😊

[@ABDULLAHFILM-uw2td]

Hello sir i watch this video 4/5 time and do same process after added jv code they will work but not scroll in up they only can rotate can you explain please ❤

[@MakeDreamWebsite]

Okay, I'll update my code snippet and let you know

[@MakeDreamWebsite]

Hi, I just updated my code snippet on my website. Can you please copy paste those codes again and let me know...

[@ABDULLAHFILM-uw2td]

@@MakeDreamWebsite ok sir I check and then I share review ❤️

[@varfolomiiev]

@@MakeDreamWebsite I have the same problem. I scroll and the page does not stop, the cards scroll with the page and it accordingly does not work correctly.

[@MakeDreamWebsite]

@@varfolomiiev You can email me... and also please mention there you have commented here...

[@NTV-dz1so]

Awesome... ❤

[@MakeDreamWebsite]

Thanks 🤗

[@juanignaciohondasato969]

excellent content!! Can I make the cards move them automatically instead of moving while scrolling?

[@mohamedakbar6331]

have u tried this?

[@diabolos952]

Hi thank you for the tutorial. I want to ask you guys is it possible to create card stacks like this but using Instagram photos data?

[@MakeDreamWebsite]

Yes, it's technically possible using the same concept but the code will be different. And also for instagram photos you need the API key to access your account data/images...

[@mkhaque]

i bought the template, i copied the code as well, but not working ... when i put jq code in html tag... it gives server error 403. and couldn't update the template as well

[@MakeDreamWebsite]

You can email em your page link...

[@mkhaque]

i solved the code with chatgpt xD, the code has some error

[@mkhaque]

@@MakeDreamWebsite i solved it with chatgpt bro…

[@humbertogonzalosanchez6156]

podrias indicar cual fue tu solucion, chatgpt no me ayuda :(

[@sebytheogre]

Great tutorial. How can you change left column text based on right card. So when you scroll, to change both columns

[@MakeDreamWebsite]

That is also possible. But, that need a different structure and some additional JavaScript code

[@sebytheogre]

@@MakeDreamWebsite Ok. Thanks. But if I have a hero section and if I scroll down, on of the card is already gone. How can I start the translating card when I got to that container?

[@sebytheogre]

or translate based on the left text container. If I have 4 text containers as cards, when I reach each of the card translate

[@lilou449]

Hi there! Such a cool effect, thank you so much! Somehow it doesn't work for me though... I added your card scrolling effect to the 4th section of the website I'm working on, followed carefully all the steps. Once it's done, when I preview the website, I'm stuck on the hero section/1st section and can't scroll down to the next sections. Any idea what could be wrong?

[@silent_ideal_gamer]

I also going through the problem like yours. my cards are rotating but they cannot jump up.

[@ricklangmore4609]

mine slide 2 cards at one time @@silent_ideal_gamer

[@navdev2230]

video is pixelated can't see anything, audio is fine in this and also play in private facing same issue of video

[@MakeDreamWebsite]

May be you have slow internet connection, you can check it later when everything is fine!

[@instillust]

Very nice

[@MakeDreamWebsite]

Thanks

[@laraking804]

What’s that Our Feature header font please, I love it! Great video.

[@MakeDreamWebsite]

The font name is Poppins

[@DarkPrince-nt8jt]

This is amazing and it’s worked perfectly for me. However the code for the section is affecting other transition elements on my page. How can I stop this?

[@MakeDreamWebsite]

You can email me

[@mohamedakbar6331]

@@MakeDreamWebsite bro i need your help?this is happened to me also?could u help me?

[@sndhigh]

Trying to do this from scratch. When I duplicate the card container (after applying absolute positioning), it gets duplicated right under the existing card, rather than on top of it. Any ideas what is going wrong there? Am I missing a step?

[@MakeDreamWebsite]

Yes, it supposed to do that. If you want to hide to above content for editing purpose, you can click on the eye icons inside the navigator panel.

[@albezar]

Nice idea but like EVERYONE here says, the sticky function does not work! instead of asking everyone to email you, could please be so kind sir and just past the fixed code here or update the code on your website! Sorry if I sound arrogant but I don't know how else to point this issue out. Cheers!

[@MakeDreamWebsite]

Basically it causes issue some some of them. Okay I'll update the code snippet on my website to fix that issue...

[@albezar]

Can you please let us know when are you going to fix this issue? @@MakeDreamWebsite

[@atulkadyan1303]

@@albezardid it get fixed?

[@albezar]

No. They guy didn't fix anything. @@atulkadyan1303

[@EpicEren]

Hey there, can you please solve the problem of that its not sticky? So I do have the html and body with overflow-x hidden, and that seems to be the problem.. and please dont tell me to send you an email :D

[@MakeDreamWebsite]

Ok I'll update the code snippet to fix the issue...

[@ShahbazAli-ni6bf]

Great Video instead of a container can we do this with a column?

[@MakeDreamWebsite]

You mean section/column version? Not flexbox container...

[@rich_mind.5]

Why doesn't it work for me?

[@art_hajrullahu]

Great video but why on mobile it is overflowing horizontaly, when i make overflow hidden, the whole page just breaks

[@MakeDreamWebsite]

You can write this CSS to prevent that: body{ overflow:hidden !important; }

[@art_hajrullahu]

@@MakeDreamWebsite I've already put that literally wherever i could lol, it doesnt fix the problem, so the problem is that either the animation doesnt work properly (the website just continues scrolling without stopping to wait for the animation to end), or the website overflows

[@MakeDreamWebsite]

@@art_hajrullahu Ok, I'll fix it and update the code snippet on my website!

[@user-gp8nt2pz6j]

Hello. I bought the card carousel template and I'm trying to put a button on every card. Can't find the way, can you help me, please?

[@MakeDreamWebsite]

Inside each container you can put anything. You can drag and drop a button on your page and then place the button inside those cards from the navigator panel

[@damienbradshaw]

I keep getting a server 403 error when I add the Javascript to the HTML widget. Won't let me save it.

[@MakeDreamWebsite]

In that case you can put the JavaScript code inside the custom code option of the dashboard.

[@damienbradshaw]

@@MakeDreamWebsite thanks I'll try that

[@damienbradshaw]

@@MakeDreamWebsite so I moved my site to the official domain and even bought this from your site. Same Server 403 error.

[@MakeDreamWebsite]

@@damienbradshaw you can email me

[@user-ht5wq9tu8r]

hey, i just purchased your template for this and like most others, im having issues with the sticky. I tried getting your email from your youtube page but its bugged after i prove im human. can you help me?

[@user-ht5wq9tu8r]

i've tried everyones advice in the comments but nothing works

[@MakeDreamWebsite]

Have you emailed me on [e-mail]

[@user-ht5wq9tu8r]

@@MakeDreamWebsite yes i have now thank you

[@user-hv2bh4ei2l]

its showing server error 403 after pasting html code and try to update it

[@MakeDreamWebsite]

You can email me

[@mavisoulx]

do you accept other Payment method? i'm brazilian and unfortunately I don't have an international card :( And I can't get the tutorial to work on my website

[@MakeDreamWebsite]

You can email me

[@mavisoulx]

i sent you right now! thanks@@MakeDreamWebsite

[@DaanHartevelt]

Hi! I purchased the template but its not working very well on tablet. Can I contact you?

[@MakeDreamWebsite]

Yes please! You can email me…

[@DaanHartevelt]

@@MakeDreamWebsite Great, did you receive it?

[@DaanHartevelt]

@@MakeDreamWebsite Did you receive my email?

[@enriquemartinez1396]

Hi Sir, a great job as usual!!! I have made it but it is not working for mobile. Where can be the mistake? Thanks

[@MakeDreamWebsite]

You can email me! I'll check it!

[@alanbonansinga6950]

@@MakeDreamWebsite I have the same problem, in mobile device it is not work. Best regards.

[@MakeDreamWebsite]

You can email me too!

[@MakeDreamWebsite]

I have updated the code snippet on my website. Can you please copy paste those codes again and let me know...

[@DigitalDominicano-h4z]

I purchased the ready template and it still not working. No scrolling happening at all

[@MakeDreamWebsite]

Can you please email me… I’ll have a look

[@DigitalDominicano-h4z]

@@MakeDreamWebsite ok doing so ASAP

[@DigitalDominicano-h4z]

@@MakeDreamWebsite email sent (used the email address from the purchase confirmation)

[@OlaitanOlajobi]

I'm getting server error 403, and if i remove the html tag... it won't give me such error. Anyone encounter similar issue?

[@MakeDreamWebsite]

Maybe you have plugin that cause issue with html widget. You can try to use Elementor's custom code feature from the dashboard instead.

[@OlaitanOlajobi]

@@MakeDreamWebsite I tried using that as well, then it brought blank page. i guess it a security plugin