If anyone still can't figure out how to fix the problem with mobile overflow, here is the solution: Mobile browsers ignore overflow-x:hidden to body and html when using The problem is solved by adding this property to separate sections.
@manashmalakar5 жыл бұрын
Yea... this is a very cool animation, you have shown here... pls make more video on animated icons also which shown in the beside the text.
@redpillmath3 жыл бұрын
There is a bug in here. When you look at the shape-divider animation at the center of the screen, and then you reload the page: the whole screen is displaced to the left, and the css command body {overflow-x:hidden;} does not help, at all. Do you know the reason? The code was used in exactly the same way as you did, copy and paste. Of course, you must test this bug in any browser without being logged to wp and elementor.
@troydelwallace23 жыл бұрын
Nice tutorial but how do you make it responsive to different page sizes. On smartphones the animation runs off the page
@bySterling4 жыл бұрын
So awesome! 🙌🏻⚡️💪🏻💥👏🏻 First time I’ve seen a video of yours, pls keep the tips and tricks coming to us Elementor heads!
@susanngigi75993 жыл бұрын
This is very cool what extension is that for the chrome would love to know it. Thank you.
@lifestylebait52372 жыл бұрын
You sir are a legend. And there is me thinking i was not going to find what i was looking for, thank you
@3lok6752 жыл бұрын
great work! super easy to do ! and moreover the thing works unlike many tutorials I have seen. Thanks for the video! it would be really great if we could know which chrome extension you were using. Again ,great work , keep it up :)
@MelissaADavis5 жыл бұрын
Phenomenal, thanks for sharing and I look forward to seeing more from you.
@alexsorrow61332 жыл бұрын
Cool globe animation 👍 where I can get that ? 🤔
@PintoTV5 жыл бұрын
Great tutorial ! Thank you! BTW what is the Chrome Extension that you used at the end of the video?
@dominikrapacki5 жыл бұрын
Thanks Pinto! Its called keyframes.app keyframes.app/
@vaniluchy89474 жыл бұрын
@@dominikrapacki Hello! Do you know how to animate any particular element using keyframes and additional elementor css options? It would be great if you have already done it on your websites so you could briefly explain how to do that. Thank you anyways
@MathForLife262 жыл бұрын
This was very very educative sir
@PrintingNationUSA4 жыл бұрын
I have tried this animation and it's awesome, thank you for this tutorial
@arashelmi35234 жыл бұрын
cool animation. please make more video's like this!
@julz38844 жыл бұрын
What's that chrome plugin you mentioned at the end
@vrsx4 жыл бұрын
Woohoo thank you so much for this!!
@hazem7435 жыл бұрын
Hey dude! you guys have few videos but really fine ones!!!!!!!!!!! please do more of those videos with some cool stuff, we are waiting for more . also please add some links to your portfolio page on your website, I couldn't see the websites you guys have made! good luck with your new channel!
@espedale4 жыл бұрын
Awesome, but will this apply to all dividers in every page? That could get a little busy.
@nosensechannel34854 жыл бұрын
Thanks for the cool animation.I tried this but my entire frame is moving along with the text and hero images insted of just the shape divider alone.Can anyone help on fixing it?. Thanks in advance --- UPdate: I got it fixed.I added a css class name for my frame and assigned the animation code for that ...hence the entire frame was moving
@adamkatz20034 жыл бұрын
Not working for me It just not moving
@Hr11trade4 жыл бұрын
But mate when u see the mobile version it’s messed up! Is their anything you can do to stop that? Or can you disable it on mobile some how? Like the movements? Thanks bro and great video by the way!
@nosensechannel34854 жыл бұрын
yes it's messed up the mobile responsiveness.Did you find any fixes for it?.Please advise.
@ArtParlor4 жыл бұрын
WOW this is REALLY awesome thank you!!!
@maneshwarmehra33222 жыл бұрын
WoW thank you so much for giving such valuable and helpful content. May God bless you. Much love and power to you ❤❤❤❤
@sannievdb59713 жыл бұрын
Hi Dominik! Thanks for this video i am happy with it. I use the mountains. I do got a question, when i look at my site with phone the wavy mountains gets full color after about 15 secs. Than after ~15 secs it gets normal, and then it comes back. Any ideas how to solve? Thanks!
@erik_12053 жыл бұрын
Need that solution too
@argentinatradea96473 жыл бұрын
This is Excelent! Thanks for Sharing! Its difficulty to find this type of video, maybe for de SEO but when find it, its awasome! Great! If you upload more contet like this, I will suscribre definetely!
@icetechy04 жыл бұрын
Hello thanks for the great video, please how did you get the animated gif? i would like to know how to get that and use it.
@AwwdLabs4 жыл бұрын
Thankyou soo much.. appreciated! Could you do one on page load animations? ... so say a page loads and the page would slide in from left and right to meet in the center, as soon as the user loads the page.
@pazt99112 жыл бұрын
Amazing video man thanks!
@jeanlagarrigue96205 жыл бұрын
Super cool!!
@rahullepcha50492 жыл бұрын
Thank you. And it's awesome...
@LamiaBarsha3 жыл бұрын
Thank you for making this video.
@YaronRosen5 жыл бұрын
woooooo sooo cool!
@moniquer70783 жыл бұрын
Thank you very much for the CSS code 😊
@moiseat3 жыл бұрын
Great tutorial! one of the best! Thumb up! however, the animation is going beyond my viewport. My question is how do I keep it within the viewport? Thanks again and keep up with the good work!
@salmaali35413 жыл бұрын
I think it's the first line of the code, overflow: hidden, is what should keep the content fit the viewport, make sure it works and you spelled it correct, and that nothing overwrites it.
@haagsesam4 жыл бұрын
Nice tut, nice chrome addon is that!
@bySterling4 жыл бұрын
Luv your awesome tips and dynamic trick$ Dominic! 🙌🏻⚡️💪🏻💥📱💻👏🏻💯
@rohanali324 жыл бұрын
Thanks for the incredible info as always Dom. Just so you know you're eyes in this video look much like mine after a little Mary Jane ;) Best wishes, From a subscriber in England
@paulthiel98023 жыл бұрын
"overflow-x: hidden" does not work. When you open the website outside of elementor you can scroll sideways and see the animation. This shouldn't be possible. What can I do?
@caroltheman983 жыл бұрын
curious about this myself
@caradigital68333 жыл бұрын
Fresh!!
@abushushu6664 жыл бұрын
You're a genius
@marcelr.74694 жыл бұрын
Hey Dominik, erstmal danke für die tollen Videos auf eurem Kanal! Ich habe heute ein bisschen mit den shapes gespielt und dabei am Ende etwas herausgefunden. Und zwar wenn man die Seite aktualisiert F5 oder wie auch immer, verrutscht die Seite pro reload. Dieses verrücken lässt sich auch nicht zurücksetzen. Ist das bei deinen Seiten ebenfalls so? Also meine Seite sieht am Anfang ganz normal aus und die Animation funktioniert auch. Dann drücke ich F5 und der Text rutscht nach links, wieder F5 die Seite rutscht weiter nach links und rechts entsteht weißraum.. Vielleicht kennst du das schon und kannst mir weiterhelfen :) Liebe Grüße Marcel
@motivatverse98703 жыл бұрын
Thank you very much for this tutorial ....
@InvestWithGirish2 жыл бұрын
Can you do scrolling effects without pro version with css or html?
@adamkatz20034 жыл бұрын
in my website it dose not move at all..
@vero.valencia4 жыл бұрын
Beautiful!
@Itsabigailsunday5 жыл бұрын
I tried this but now my page looks horrible on mobile. I put in the code for mobile but it still looks bad on mobile. I love the animation and even tried to customize the code.
@harryhossel90475 жыл бұрын
Don't know much about CSS but there should be an option to customize it properly for mobile if not disable it.
mobile view is broken how and where can i delete it
@nasirgazi58093 жыл бұрын
thanks for this code ///// I'm following your youtube channel from Bangladesh
@lilbird26772 жыл бұрын
Thanks a ton.
@Vikas-mi9tf4 жыл бұрын
Gajabb ho yarr tum.
@bibliophilicsisir99022 жыл бұрын
rEALLY THANKSFOR THIS SIR
@mobilidilillo2 жыл бұрын
I'm going crazy, but how do you put hotspots on a video instead of an image? I would like to make my site interactive with videos and hotspots. I'm afraid that with Elementor I can't ... I ask for help.
@haagsesam5 жыл бұрын
Nice man, how did you do the globe animation on the right?
@dominikrapacki5 жыл бұрын
Check out our video on wp bodymovin
@nagpalnirmal2 жыл бұрын
awesome 1
@MD736953 жыл бұрын
Genius!!!
@fareedsultan67524 жыл бұрын
So helpful. But i have a question! Does it affect website load speed?
2 жыл бұрын
Please help, when I apply the code, it works but when it hits the end, showing like a tail cutting edge then it went back, it's not perfect loop, do you know how to fix it?
@SuperRito123 Жыл бұрын
I have elementor free in my wordpress. Why in my shape divider animation background not moving ?
@MalayBku2 жыл бұрын
Thank you very much
@callfusion20129 ай бұрын
Thanks, Easy to do, i have set the time at 200, so it is nice and slow...
@DanZL12 жыл бұрын
Something really strange has happened while adding the code to the Elementor Pro Custom CSS. I saved the code, the animation looks fantastic, but when I went back into edit the code is gone and the animation continues to work unless I disable the bottom shape divider. Question is, where is the code and how do I disable it?
@bobcatt22943 жыл бұрын
At 1:57 you state, "How do we achieve that, that's the biggest question right now . . " The biggest question is what impact on page loads do these animated images place on the site?
@michaelp1375 жыл бұрын
Merci Dominik excellent
@jlb03tube3 жыл бұрын
great tip, thanks
@TheNesilla3 жыл бұрын
On mobile the animation causes scroll to appear (as the window gets bigger)... how to remove that?
@kushalparikh28oct3 жыл бұрын
Hi I have a major problem with this. It applies to all the dividers on the website and not the one that I have selected. How can I restrict it to only certain dividers?
@staywithoff Жыл бұрын
Many thank :)
@AxcitementSoftware5 жыл бұрын
Pretty cool, but on mobile, it is making my site move left and right... How do I stop that?
@dominikrapacki5 жыл бұрын
Hey you have to hide the overflow on the body and use thee adjusted keyframes code: body { overflow-x:hidden; } @keyframes wave { 0% { margin-right: 0%; } 50% { margin-left: -100%; } 100% { margin-right: 0%; } }
@paulgratzer41573 жыл бұрын
pls klick the link in description, the webpage i entered is far behind mine i built with WP. I´m not sure what is goin on here, and yes, the short code didn`t work...
@radosawrettka16092 жыл бұрын
Dzięki serdeczne efekt bardzo fajny - w 2022 wciąż działa :)
@zzslock4 жыл бұрын
thanks! so cool!
@adoliasalatgulasch33375 жыл бұрын
great job!!!
@mariomills4 жыл бұрын
thanks so much for sharing
@adithya6902 жыл бұрын
guy didn't even mention how to animate that globe
@callmesoeren3 жыл бұрын
Can somebody help me. Every type i chose is not animated :/
@thearong_58533 жыл бұрын
great man
@angelicateranp2 жыл бұрын
I tried this, but is not working for me, not sure why :( did the exact same thing, any advice?
@brunoaguilar6895 жыл бұрын
Hi! thanks for share your knowledge. You got the code for mobile? i dont see it in your comments. thanks
@luukbeijer3 жыл бұрын
Is it possible to have the site title be animated? If yes what css do I put in? I'm a beginner and the help would be so useful!
@AlamgirHossain-kn6ok3 жыл бұрын
Many many thanks
@ganoexcel48014 жыл бұрын
can i do it with no elementor pro?
@newagespa44852 жыл бұрын
Does not work for my mobile viewport. Any advice?
@bassemkhozam4 жыл бұрын
Very cool 😎
@FaheemZahid4 жыл бұрын
hey thanks for sharing this tip, could you please also tell me about this globe in website ? how to make this globe animate ?
@tobiasluck64133 жыл бұрын
did you find out how to do it already? :)
@osaloioeopolitico4 жыл бұрын
Hi, how to do this but with a overlay background?
@osaloioeopolitico4 жыл бұрын
nice reply
@radiantrunia86863 жыл бұрын
thanks i have used shape divider and its so cool...thanks...can you please tell me the name of the chrome extension?
@shoaibiqbal43394 жыл бұрын
Thanks man
@MarioBarretta4 жыл бұрын
Thank You, You write "animate anything" . Could you explain me how to identify different elements to animate? in the example you refer to shape dividere but if i'd like to try with an other element where can i found it and to animate? ( using keyframes? ) thank You
@razzon1012 жыл бұрын
I'm having trouble wiith this on mobile. It seems if i have it animated with the CSS it causes it to be super wide on mobile. Can you help? Heres my CSS body{ overflow-x:hidden} .elementor-shape{ width: 800%; animation: shape 20s ease-in-out infinite; } @keyframes shape { 0% {left: 0;} 50% {left: -400%;} 100% {left: 0;} }
@talla79702 жыл бұрын
yo domi use this Bro: CSS Code: body{ overflow-x:hidden} .elementor-shape{ width: 200%; animation: shape 10s ease-in-out infinite; } @keyframes shape { 0% {left: 0;} 50% {left: -50%;} 100% {left: 0;} } @media only screen and (max-width: 767px) { .elementor-shape {display:none;} }
@yashbhanushali72084 жыл бұрын
Is there a way to achieve this without the css code in either of the customize or Elemetor pro
@robertomancini91894 жыл бұрын
hello everyone .. I'm not an expert ... can you share the correct code for the rate does it work on mobile? and how do you reproduce the animation continually? then delete the trend on the right and then on the left ..
@st4my7214 жыл бұрын
all of the animations are static, is there any way to fix it?
@alans39353 жыл бұрын
What’s that chrome extension you mentioned? Thanks mate.
@wesrt Жыл бұрын
Hello from Brazil! Can i split vertically? I need :(
@khaldion34253 жыл бұрын
Is the planet a LottieFiles Animation?
@justiceoppong98413 жыл бұрын
Hello sir thank you for such an amazing and educative video please I am using motion effect on my website but it is not loading on the windows explorer browser and some other browsers I have done the caching but still not fixed but it load well when i am using google chrome can you please help me fixed that thanks