I like how thorough your WordPress design course was. I also learned how smart it was to use the Elementor add-on ElementsReady to improve my WordPress design job. I was able to build a website with a polished appearance using the extensive selection of pre-designed elements and themes it provided while also saving a ton of time and work.
Is there a way to find out where the flexbox tutorial is. I cannot purchase the template to find it there. The current code in the youtube video doesn't work in flexbox unfortunately. Can you help me out?
Hi Jitu, nice video and a great effect! Using all settings you described I think it is not working responsive, because the scrolling text is too wide...? Have you got an ides to fix this?
Hello, I hope you can help me. It is working in the Elementor builder, but not on the site itself. I tried out pretty much everything that came to my mind but nothing has fixed it. Do you know why this could be happening?
Hi, thank you for the tutorial. I have an issue with the code - The scrolling text works great, but It disables all the other js effects on the page, like entrance animation etc... Any ideas?
Hello, I've followed your tutorial and it works the way I wanted but if I would like to rotate it upward a bit, where do I change the rotation angle in the codes?
For some reason my custom font for this doesn't show for other people, I see it, but visitors to my site. Any solution for this? Great video, thank you!
Fantastic. I guess this also works with dynamic text? I want to use this on a post title in a post loop item. So when in normal state you see the post image (featured image) and on hover the marque text with the post title appears. Is that possible?
@@MakeDreamWebsite I'm trying this idea. I want a grid loop with projects and I want to show the marque text on hover. Post titles can be any length, so a marque text can be a good creative option to deal with this. I want two marque texts, one with the post title and a second with the post terms. I'm able to build this with dynamic content in a loop item but I'm running into a problem when I try use that loop-item template in a grid loop. First I can't place the HTML inside the loop-item because the code will be duplicated over and over again with each new post. So I decided to place the HTML in the single post template just before the loop-grid widget. This creates problems though. Somehow the image got stretched and I don't see the marque texts show up on hover on hover. The elementor editor got so laggy that I almost can't load, edit or save my single post template. I think It's related to this CSS rule .sliding-text .elementor-widget{ overflow: hidden; width: 10000vw !important; max-width: 10000vw !important; } When I change 10000vw into 100vw the post-image is normal size and not stretched anymore, but the marque text isn't correct. I tried it with the post-image as a background-image but that stretches the image. I also it with the post image in an image widget, positioned absolute with the marque texts on top, but that didn't work either. Do you know why this happens? EDIT: I'm making progress... You have to place the code AFTER the loop-grid instead of before but that didn't solve all problems. My loop grid also has a taxonomy filter and when I use the filter the marque text is not displayed again. That's something I cant solve. The loopgrid also expands all the way the right of the screen for some reason, no matter what the width of the parent container is. I had to set the loop-container to overflow hidden with custom CSS: selector .elementor-loop-container { overflow: hidden } EDIT(2): I also found out that you can't make the loop-item parent container 100% wide. You have to make it 100vw wide. That way you can put the post image in the background, no need to use an image widget and set it to position absolute. When you use an image widget in the loop item, you have to set the width and max-width to 100vw instead of 100% So at end I could make it work, except the issue when you connect the loop grid with a taxonomy filter.
Hi, thanks for the great video. This is exactly what I was looking for! I only have one question: I don't want the text to run across the full width, but in a boxed inner section. Now the text starts in the right place on the left, but goes all the way to the right side of the page. Can you tell me how to change this? Thank you very much & best regards Natalie
hi sir if i want to slide columns or images like you have done in the text is this similar code can be used it it or it will have different code for it .
@@MakeDreamWebsite How please tell me You have a great mind to do that.
2 года назад+1
Hi, thanks for this great video. However, it is not working when flexbox container is active in Elementor. Can you maybe create another video for it? Thanks!
I have a plan for that! Or I can provide a template of the container version in the description later.
2 года назад+1
@@MakeDreamWebsite Hey, I managed to make it work by just reordering the layers. The HTML layer is going above the inner container and then it starts sliding. Thank you again!
@@DataZoro it is easy, just go by the video, instead of inner section use another container and when it places HTML widget at the bottom you place it at the top.
Hey, great tutorial, easy to follow :) I'm using Flexbox and struggling to get the second line flip up and reverse the direction. I noticed the comment about switching the HTML widget around, but it didn't seem to fix it. Do you have any fixes for the most recent versions of Elementor?
Hello, this tutorial has helped greatly, i was just wondering if it is possible to have both the filled text and stroke text on the same line. Fore example that you'll have filled text first and then when it repeats its the stroke text and then that all over again. Is that possible?
Thanks for the tutorial but this has made my website really really wide with loads of white space. I try From the section settings make the overflow to hidden but its not fix the issue, can you help me ?
This worked great on desktop. But, mobile for me is not working right. The screen is wide - like you can scroll horizontally on mobile. If you scroll to the left, the website ends and it is just white background. I tried to hide the overflow for that section, but that affects many other things on the page. I do not have a solution. I removed it from the website for now. Help?
@melindathornton I used the Qi Add-ons for elementor plug in It's free. And very easy to use, the only that sucks is you can't adjust the speed unless you mess with the css of the widget. But it's easy and works well
I never regret to subscribe this channel earlier, all the tutorials are working properly until 1 year after. but this time i don`t know why i can`t follow the tutorial starting from putting the container as a background. I think it is covered by the other container that a want to overlap since the moving text just disappears when I put the code " selector{ height: 0; } "
As this one is a old video, it made it for section/column.. I'm not sure it'll also work for the new container though. Thank you for your great comments BTW!
I recreated it step-by-step but used "containers". Unfortunately, I does not work. Do you know the reason for it? Perhaps the code needs to be updated?
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
Hi, thank you, this is what I was looking for! However, I have an issue with the code. It did not repeat the word like yours and it created a large space on the top and bottom of the word making the section look very long. Can you help me?
Hi there, I am trying to have this text "Creative Direction / Branding / Web design / Pitch design / Art Direction / Illustrations / Photography / Videomaking" very big sliding on the homepage of my site, but I don't know how to have it overflowing horizontally, now the words are stucked up on top of each others. Could you help please?
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
Really great video, I appreciate it very much. Just out of curiosity (I'm a coding newbie), and I would like to know why the html widget with the script doesn't work before the inner section, but if it is placed after the inner section it does work?
That may cause for many reasons. One reason may be, the DOM element can be properly identified in the code when we put the content first and then put the code.
Im happy to hear it worked like a charm on your site. In my case the HTML code gives my site a second scrollbar - an infinite one. Any idea on how to fix this?
Hi sir i want to know Should i mark the animated text as h1, span, div or h2 please help🙏. Thanks for your videos following you from 2 years and subscribed your channel. Thanks for helping out in advance.
@@MakeDreamWebsite let me know what should i mark the text. actually i created three lines of animated text and added as background text and added one simple text other then 3 text animated text as h1 as the outer text. Thanks for quick reply you are awesome🙏
Thank you very much for sharing us. we are waiting for your course..I want to learn how to develop plugin and custom design Like your video. This is very helpful for us because you do not use any plugin. You always design custom. Not using plugin.Thanks bro.
You're very welcome! Nobody was commented on that video to make a course on Custom Widget Development. So, I though nobody was interested. As you said, I'll started to make that course soon 😀
If you write it from that custom CSS field, you can control the speed independently for each heading... which will be complex if you want to achieve it by writing it in the HTML widget...
@@MakeDreamWebsite hey thanks! Funny thing is that I already saw your video once you posted it. I’ve been subscribed to your channel for a while now so I can learn new techniques when your notifications come up!
Hi great video and just what i was looking for, I'm having an issue with the 2nd text line moving the opposite way, it turned upside down same as your video but then after refresh and previewing its still upside and doesnt move, not sure what I'm doing wrong and have tried to turn of any optimisations and caching but didnt solve the issue, 1 line looks great but 2 lines look even better :)
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
As there is custom CSS needed so Elementor Pro is also required. But, if there is any plugin you find that supports to write custom CSS for each widgets then, it's also possible with Free version too..
Hi, it's glitching on Safari browsers but not on Android. When you scroll up on Safari it's repeating itself continuously until you stop scrolling. When you stop scrolling and not doing anything, it's working well. Basically, it doesn't work good when you scroll up and the address bar below appears. Do you know the solution? if so could you help me bro
@@MakeDreamWebsite yes it's working good on pc and android. The problem is only for Safari browser, I can send you a 5 sec short video via email if u wanna check out
Amazing video bro, as always...👍 and a little suggestion for you... It would be really great if you can explain code as well in your videos...we don't want copy and paste code, we really want to know what's exactly happening in the code..
Hi, tanks a lot for the great video! Anyway, I'm facing some issues on tablet and mobile version: the text duplicate itself in 3 or 4 rows more...I followed the tutorial step by step so I can't figure out why this happens...anyone with the same problem?
I like how thorough your WordPress design course was. I also learned how smart it was to use the Elementor add-on ElementsReady to improve my WordPress design job. I was able to build a website with a polished appearance using the extensive selection of pre-designed elements and themes it provided while also saving a ton of time and work.
Awesome! Glad you like them!
If the text display out of the screen: Select container > Layout > Additional Options > Overflow > Hidden
You're a legend bro
In case you are unable to find an additional option
Paste this
html, body {
overflow-x: hidden;
}
Is there a way to find out where the flexbox tutorial is. I cannot purchase the template to find it there. The current code in the youtube video doesn't work in flexbox unfortunately. Can you help me out?
I dont have sections, I added a container and it not working
How to build this on containers instead of using inner sections?
Dude your tutorials are awesome. I bought a few templates from you to support the channel. Keep it up bro
Thanks a ton! For your support ❤️
Hi Jitu, nice video and a great effect! Using all settings you described I think it is not working responsive, because the scrolling text is too wide...? Have you got an ides to fix this?
This tutorial was fantastic, exactly what I needed!
Thank you!
But it doesn't work for mobile
@@qadardanwrites5500 I believe mine worked for mobile...
@@MakeDreamWebsite what about mobile responsive adjustment ?
Hey bro, your totoril is very nice. Just tell me this css is which type of the css? because I did not see it anywhere
Thank you! That's actually CSS variable which can be utilised for more user friendly code.
this is absolutly amazing content seriously. Thanks a lot
You’re welcome!
On pc the design is good but on mobile view its has brought all the extra height and width. Please help.
Is there an update to do this now that everything is containers?
I need help. Scrolling works perfectly on PC, but on mobile every time I scroll a little, the text returns to the beginning.
Thank you so much!! I tested it with the flexbox container as commented below and it works perfectly.
Great job!
Love this! Thank you so much. I'm having a problem though where the code is increasing the width of my website by a lot. Any ideas on how to fix this?
Go to that section setting and make the overflow hidden.
@@MakeDreamWebsite Worked perfectly! THANK YOU!
@@kristenevans6724 Welcome
@@MakeDreamWebsite OMG I have been struggling with it for almost 1 hour. (Always check the comment🤣) Thank you!
@@simonmadsen2715 Welcome! I recently write a community post about comments.
Hello,
I hope you can help me.
It is working in the Elementor builder, but not on the site itself. I tried out pretty much everything that came to my mind but nothing has fixed it.
Do you know why this could be happening?
Hi, thanks for the great tutorial. Is this meant to work on mobile? i've tested it and on desktop with no issues but not having any luck on mobile
Yes, it's working also on mobile
Hi, thank you for the tutorial. I have an issue with the code - The scrolling text works great, but It disables all the other js effects on the page, like entrance animation etc... Any ideas?
Has there been a solution to this?
Hi, when I publish the page Elementor changes the html code by deleting the string and making all the code appear on the page. How can I do?
Hello, I've followed your tutorial and it works the way I wanted but if I would like to rotate it upward a bit, where do I change the rotation angle in the codes?
.class{
transform: rotate(-11deg);
}
OMG!! Its working AARRGGGG!!! THANK YOU!!! ⭐🥰
You're welcome!
For some reason my custom font for this doesn't show for other people, I see it, but visitors to my site. Any solution for this? Great video, thank you!
Fantastic. I guess this also works with dynamic text?
I want to use this on a post title in a post loop item.
So when in normal state you see the post image (featured image) and on hover the marque text with the post title appears.
Is that possible?
You can make the normal title to dynamic title from the dynamic tags option of the heading widget.
@@MakeDreamWebsite I'm trying this idea.
I want a grid loop with projects and I want to show the marque text on hover. Post titles can be any length, so a marque text can be a good creative option to deal with this.
I want two marque texts, one with the post title and a second with the post terms.
I'm able to build this with dynamic content in a loop item but I'm running into a problem when I try use that loop-item template in a grid loop.
First I can't place the HTML inside the loop-item because the code will be duplicated over and over again with each new post. So I decided to place the HTML in the single post template just before the loop-grid widget.
This creates problems though. Somehow the image got stretched and I don't see the marque texts show up on hover on hover. The elementor editor got so laggy that I almost can't load, edit or save my single post template.
I think It's related to this CSS rule
.sliding-text .elementor-widget{
overflow: hidden;
width: 10000vw !important;
max-width: 10000vw !important;
}
When I change 10000vw into 100vw the post-image is normal size and not stretched anymore, but the marque text isn't correct.
I tried it with the post-image as a background-image but that stretches the image.
I also it with the post image in an image widget, positioned absolute with the marque texts on top, but that didn't work either.
Do you know why this happens?
EDIT:
I'm making progress...
You have to place the code AFTER the loop-grid instead of before but that didn't solve all problems.
My loop grid also has a taxonomy filter and when I use the filter the marque text is not displayed again.
That's something I cant solve.
The loopgrid also expands all the way the right of the screen for some reason, no matter what the width of the parent container is.
I had to set the loop-container to overflow hidden with custom CSS:
selector .elementor-loop-container {
overflow: hidden
}
EDIT(2):
I also found out that you can't make the loop-item parent container 100% wide. You have to make it 100vw wide. That way you can put the post image in the background, no need to use an image widget and set it to position absolute.
When you use an image widget in the loop item, you have to set the width and max-width to 100vw instead of 100%
So at end I could make it work, except the issue when you connect the loop grid with a taxonomy filter.
Hi, thanks for the great video. This is exactly what I was looking for! I only have one question: I don't want the text to run across the full width, but in a boxed inner section. Now the text starts in the right place on the left, but goes all the way to the right side of the page. Can you tell me how to change this?
Thank you very much & best regards
Natalie
For this you need to go to the Inner section > Content (tab) > Overflow: hidden. That's it.
@@MakeDreamWebsite It works perfectly. Thanks for your great tips!
hi sir if i want to slide columns or images like you have done in the text is this similar code can be used it it or it will have different code for it .
Yes! That would be different. I also have a plan to make video about that.
Here is the updated version with images: ruclips.net/video/i0SqcVmgLxA/видео.html
Hi,
I would like to have the text visible only once, it should not repeat and only run within a section that is not full width.
Can you link it with scrolling? Means only moving text while scrolling
You need to modify the css and add some add JavaScript for that
@@MakeDreamWebsite How please tell me You have a great mind to do that.
Hi, thanks for this great video. However, it is not working when flexbox container is active in Elementor. Can you maybe create another video for it? Thanks!
I have a plan for that! Or I can provide a template of the container version in the description later.
@@MakeDreamWebsite Hey, I managed to make it work by just reordering the layers. The HTML layer is going above the inner container and then it starts sliding. Thank you again!
@ can tou help me to setup this container
@@DataZoro it is easy, just go by the video, instead of inner section use another container and when it places HTML widget at the bottom you place it at the top.
I was having an issue where the heading was extending past the page. I had to hide the "Overflow" of the inner section.
How did you do this I’m having the same issue :/
@@deanbishop7682 Under your Inner Section>>Layout>>Overflow change to "Hidden"
Hey, great tutorial, easy to follow :) I'm using Flexbox and struggling to get the second line flip up and reverse the direction. I noticed the comment about switching the HTML widget around, but it didn't seem to fix it. Do you have any fixes for the most recent versions of Elementor?
I'm struggling with the same problem
I'll soon make a container version of it and added as readymade template...
@@MakeDreamWebsite Hi ! thanks a lot for this tutorial, do you think to make it for flex container ? :)
Such a great video I've ever seen. Thank for this. I got one problem horizontal scrolling, I don't need it how to create it without horizontal moving?
Here is an line with "animation" in the CSS, you can delete that line
Hello, this tutorial has helped greatly, i was just wondering if it is possible to have both the filled text and stroke text on the same line. Fore example that you'll have filled text first and then when it repeats its the stroke text and then that all over again. Is that possible?
Yes it's possible if you wrap that specific part of the text inside a html span tag and make that stroke with custom css...
@@MakeDreamWebsite I see thank you!
hi, when I publish what I did thanks to this video it gives me the 403 error.
how can i solve?
thank you so much for your videos!
Hi! works very well, but mine is loading...i mean when the words ending they starts all over but its have a small delay...can you please help me?
Thanks for the tutorial but this has made my website really really wide with loads of white space. I try From the section settings make the overflow to hidden but its not fix the issue, can you help me ?
This worked great on desktop. But, mobile for me is not working right. The screen is wide - like you can scroll horizontally on mobile. If you scroll to the left, the website ends and it is just white background. I tried to hide the overflow for that section, but that affects many other things on the page. I do not have a solution. I removed it from the website for now. Help?
I'm having the same issue
were you able to fix it?
@@brebre22310 No. I never received a response. And, I never could get it to work. ☹️
@MT-wt9re
Same. I just downloaded a text marquee plug in instead.
@@brebre22310 Good idea. Which one did you choose to use? Let me know if it works well and I will use it too!
@melindathornton I used the Qi Add-ons for elementor plug in
It's free. And very easy to use, the only that sucks is you can't adjust the speed unless you mess with the css of the widget. But it's easy and works well
You're a great teacher, thanks for the video
You're very welcome!
Great video, bro! U saved my life
Thank you brother! But no one can save anyone's life except Allah!
Amazing! I’ll try it out today!
Sure!
I never regret to subscribe this channel earlier, all the tutorials are working properly until 1 year after. but this time i don`t know why i can`t follow the tutorial starting from putting the container as a background. I think it is covered by the other container that a want to overlap since the moving text just disappears when I put the code " selector{ height: 0; } "
As this one is a old video, it made it for section/column.. I'm not sure it'll also work for the new container though. Thank you for your great comments BTW!
I recreated it step-by-step but used "containers". Unfortunately, I does not work. Do you know the reason for it? Perhaps the code needs to be updated?
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
Hi, thank you, this is what I was looking for! However, I have an issue with the code. It did not repeat the word like yours and it created a large space on the top and bottom of the word making the section look very long. Can you help me?
You can email me your page link
Hi there, I am trying to have this text "Creative Direction / Branding / Web design / Pitch design / Art Direction / Illustrations / Photography / Videomaking" very big sliding on the homepage of my site, but I don't know how to have it overflowing horizontally, now the words are stucked up on top of each others. Could you help please?
You can email me your page link
Hi there, Thank you for a great video! Is there code available to make it not extend the screen and make it overflow?
If it goes outside of the screen an make the website wide, you can make the section's overflow hidden.
@MakeDreamWebsite i want to create an automatic scrolling images from Left to Right, in Elementor,cn u help me ?
It does seem not to be working with the new elementor container. Did anbody try?
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
Really great video, I appreciate it very much. Just out of curiosity (I'm a coding newbie), and I would like to know why the html widget with the script doesn't work before the inner section, but if it is placed after the inner section it does work?
That may cause for many reasons. One reason may be, the DOM element can be properly identified in the code when we put the content first and then put the code.
Hello!!! thanks sooo much for the video, very good explanation it helped me a lot
you're welcome! Glad to hear that!
my second stroke text is flipped upside down, any reason why, also its not going diffrent direction
You can email me your page link
can you do a tutorial for the same marquee effect when scrolling?
Noted!
Oh I LOVE this one!!!!!!!
Thanks a ton!
work like charm, pepole who worries about that inner section just add a container
Im happy to hear it worked like a charm on your site. In my case the HTML code gives my site a second scrollbar - an infinite one.
Any idea on how to fix this?
Hi sir i want to know Should i mark the animated text as h1, span, div or h2 please help🙏. Thanks for your videos following you from 2 years and subscribed your channel. Thanks for helping out in advance.
Yes you can
@@MakeDreamWebsite let me know what should i mark the text. actually i created three lines of animated text and added as background text and added one simple text other then 3 text animated text as h1 as the outer text. Thanks for quick reply you are awesome🙏
If you use them as just background text and don't want to emphasize it for SEO, then instead of h1 you can set span tag
@@MakeDreamWebsite when using span the text get inverted can i use p tag
@@MakeDreamWebsite Sir, what should i do please help🙏🙏🙏🙏🙏🙏🙏.
Hi, your website is not working so i can't access the code. Is there any other way to copy it? Thanks!
you can try now! May be the server was down then.
Make with Container?
Hi, Thanks for your tutorial it's great! I can't find the html code to paste. Thank you
You can find the link in the description...
@@MakeDreamWebsite Thanks, I hadn't seen it
Can it work same for the images? instead of text
Yes, you can follow this video: ruclips.net/video/i0SqcVmgLxA/видео.html
thank you!!! you saved me haha
hello i need help, i try this and it works, but my page become so wide and can be slide left and right
You need to set the overflow hidden for your section...
Thank you very much for sharing us. we are waiting for your course..I want to learn how to develop plugin and custom design Like your video. This is very helpful for us because you do not use any plugin. You always design custom. Not using plugin.Thanks bro.
You are most welcome. I'll make that soon...
The code works fine, BUT it gives my site a second scrollbar to infinity. Any idea how to fix this?
Go to the section/container settings and make it's overflow hidden...
fixed it. had to change width.
original: .sliding-text .elementor-widget{
overflow: hidden;
width: 10000vw !important;
max-width: 10000vw !important;
fixed: .sliding-text .elementor-widget{
overflow: hidden;
width: 1000vw !important;
max-width: 10000vw !important;
This is brilliant, thank you
Thank you too!
but the background is not stable, move right and left
Good Tutorial. Thank you and Let me use this to remind you of The Element or Plugin Development Tutorial or Course that you promise to Make.
You're very welcome! Nobody was commented on that video to make a course on Custom Widget Development. So, I though nobody was interested. As you said, I'll started to make that course soon 😀
@@MakeDreamWebsite Hey, Thank you for everything that you are teaching us. Yes, we are waiting for your course and we are very much interested.
Thank you.. I'll start creating that very soon.
Why do you use CSS to control the speed? Can't you change the speed at the top of the HTML code?
If you write it from that custom CSS field, you can control the speed independently for each heading... which will be complex if you want to achieve it by writing it in the HTML widget...
Great! thanks a lot fot this code. I want to use this with hover effet. How to use this if I want to start slidinf after hover some section?
You need to modify the JavaScript code for that!
@@MakeDreamWebsite unfortunelty I am freshmen in Elementor ;-( I don't know Java...
why in mobile screen. when u zoom out. the text scrolling is not in the box.. how to fix it?
You can make the section's overflow hidden
@@MakeDreamWebsite thanks a lot. i got it! really appreciate it
@@MakeDreamWebsite btw MDW, how to make the text animate start from right? coz the text already animate start from bottom
Thanks! excellent tutorial +1subs
Awesome, thank you!
can we use this for images too?
No, it's for text only...
Here is the image version of this tutorial ruclips.net/video/i0SqcVmgLxA/видео.html
amazing! thank u a lot
My pleasure!
WOW 👍 thx for this video ! very good
Thank you too!
Hey I know I'm 1 year late on this video, but what if you want to add some images to your sliding text. Is there a way of doing that?
Not in this way, you have to follow different approach (layout and code snippet) for that...
Here is an updated version where you can use images or anything you want ruclips.net/video/i0SqcVmgLxA/видео.html
@@MakeDreamWebsite hey thanks! Funny thing is that I already saw your video once you posted it. I’ve been subscribed to your channel for a while now so I can learn new techniques when your notifications come up!
@@chrisoliver2019 Haha.. glad to know that! 😇
Where is the code?
Hi great video and just what i was looking for, I'm having an issue with the 2nd text line moving the opposite way, it turned upside down same as your video but then after refresh and previewing its still upside and doesnt move, not sure what I'm doing wrong and have tried to turn of any optimisations and caching but didnt solve the issue, 1 line looks great but 2 lines look even better :)
You can email me your page link. So, I can figure out that problem
I wish I had your coding skills. Thank you
Awesome! Very useful video. Can you guide what if we want to scroll Image as well? Meaning your heading + Images in a same line?
You can watch this one: ruclips.net/video/i0SqcVmgLxA/видео.html
can you help me to set up this in elementor container
I just tested it and I can see it's working with the container version. And there was some issue with that 2nd heading (upside down issue) which I've also fixed and update my code snippet for that. So, now it should work. If you use container, follow the same instruction. But, instead of section/inner section you can try it with container.
Should i mark this as h1, span, div or h2 please someone help.🙏
Yes you can
BIG THANKS 👍🏼
You're very welcome
Does this code work only on elementor pro?
As there is custom CSS needed so Elementor Pro is also required. But, if there is any plugin you find that supports to write custom CSS for each widgets then, it's also possible with Free version too..
Where did you get all that code you input
You can get the code snippet link in the video description
I do not see the HTML code in your description, Can you please help?
You can see the link of the code there...
@@MakeDreamWebsite please can you show me the code for where to get it
Thanks a lot Brother
You're welcome!
Hi, it's glitching on Safari browsers but not on Android. When you scroll up on Safari it's repeating itself continuously until you stop scrolling. When you stop scrolling and not doing anything, it's working well. Basically, it doesn't work good when you scroll up and the address bar below appears. Do you know the solution? if so could you help me bro
Is it working well for other browers/devices?
@@MakeDreamWebsite yes it's working good on pc and android. The problem is only for Safari browser, I can send you a 5 sec short video via email if u wanna check out
This code is not working with Elementor Container , can you please update the code ?
Okay, I'll update it very soon
Hey! Where is the code you pasted in html widget?
The code snippet link is in the description...
Sir where is the code?? There is no code in the description...
Actually there is no code but there you can find a link for the codes
Hello, First of all, a big thanks for this video, next I am getting 2 lines of text I place in mobile mode. Pls help me with that.
At line no 10,11 you f the code snippet, instead of 1000vw make it 10000vw
Its not responsive, if we add this code, after that in mobile view side section have some problems ( menu bar )
I solved this problem with the container settings > layout > advanced settings > overflow hidden instead of default
Where is the code? I dont see it in the description
It's the 3rd link
Lovely😍
Thank you!
There's a HUGE sidescroll on mobile device though. I used text block instead of title.
You can make your section/container's overflow hidden! It should work!
Amazing video bro, as always...👍
and a little suggestion for you... It would be really great if you can explain code as well in your videos...we don't want copy and paste code, we really want to know what's exactly happening in the code..
Hi is there any solution that conflicted with theme js files
Can you please email me your page link
Can you maybe show how to create this effect with anything inside a section?
Yes, you can make it inside any section/column you want
You can check this updated version where you can make this effect with image or anything ruclips.net/video/i0SqcVmgLxA/видео.html
Hi,
reverse class dont work for me.
Text appear upside down
You can email me
what email to?
@@sotnasdesign contact@makedreamwebsite.com
Hi why is my page getting to wide? How can I fix that in the code?
From the section settings make its overflow hidden
@@MakeDreamWebsite Thanks! But now it wont show the 2nd text slider, the one with border text
You can email me your page link
Brother I can't access your website when I clicked on your site link it not opening
You can try again now! I think the server was down then...
@@MakeDreamWebsite it still showing the same brother Would you kindly give me the code please I need this for a project I would be thankful
Thanks!
Welcome
Hi, tanks a lot for the great video! Anyway, I'm facing some issues on tablet and mobile version: the text duplicate itself in 3 or 4 rows more...I followed the tutorial step by step so I can't figure out why this happens...anyone with the same problem?
You can email me that webpage link so I can find out that problem
@@MakeDreamWebsite where can I find your email?
@@elisalacicerchia1727 I just got your mail and give you a solution for that issue. Hope everything is working well now!
@@MakeDreamWebsite hey i have the same Problem, can you provide me the solution too pls. :)
Can you email me the page link?