Create a Auto Sliding/Scrolling Text Effect in Elementor | Marquee in Elementor

Поділитися
Вставка
  • Опубліковано 19 гру 2024

КОМЕНТАРІ • 313

  • @ysg-os9915
    @ysg-os9915 Рік тому +12

    If the text display out of the screen: Select container > Layout > Additional Options > Overflow > Hidden

  • @Macarowni
    @Macarowni Рік тому +4

    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?

  • @kondetistephenraj
    @kondetistephenraj Рік тому +4

    How to build this on containers instead of using inner sections?

  • @hollypc2068
    @hollypc2068 4 місяці тому +3

    I dont have sections, I added a container and it not working

  • @TheBrandingWitchAIEmpress
    @TheBrandingWitchAIEmpress Рік тому +1

    Is there an update to do this now that everything is containers?

  • @nicolenixxon
    @nicolenixxon Рік тому +3

    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.

  • @InvestWithGirish
    @InvestWithGirish 2 роки тому +1

    Can you link it with scrolling? Means only moving text while scrolling

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      You need to modify the css and add some add JavaScript for that

    • @InvestWithGirish
      @InvestWithGirish 2 роки тому +1

      @@MakeDreamWebsite How please tell me You have a great mind to do that.

  • @AD-vx7vn
    @AD-vx7vn 2 роки тому +1

    On pc the design is good but on mobile view its has brought all the extra height and width. Please help.

  • @Website-Developer
    @Website-Developer 2 роки тому +1

    I was having an issue where the heading was extending past the page. I had to hide the "Overflow" of the inner section.

    • @deanbishop7682
      @deanbishop7682 2 роки тому +1

      How did you do this I’m having the same issue :/

    • @Website-Developer
      @Website-Developer 2 роки тому

      @@deanbishop7682 Under your Inner Section>>Layout>>Overflow change to "Hidden"

  • @InFoBoYY
    @InFoBoYY 2 роки тому +1

    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
      @MakeDreamWebsite  2 роки тому

      Yes! That would be different. I also have a plan to make video about that.

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Here is the updated version with images: ua-cam.com/video/i0SqcVmgLxA/v-deo.html

  • @vvv.123
    @vvv.123 2 роки тому +5

    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?

  • @skycarrot8954
    @skycarrot8954 2 роки тому +2

    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?

  • @kristenevans6724
    @kristenevans6724 2 роки тому +2

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +3

      Go to that section setting and make the overflow hidden.

    • @kristenevans6724
      @kristenevans6724 2 роки тому

      @@MakeDreamWebsite Worked perfectly! THANK YOU!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      @@kristenevans6724 Welcome

    • @simonmadsen2715
      @simonmadsen2715 2 роки тому

      @@MakeDreamWebsite OMG I have been struggling with it for almost 1 hour. (Always check the comment🤣) Thank you!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      @@simonmadsen2715 Welcome! I recently write a community post about comments.

  • @HugoFireWar
    @HugoFireWar Рік тому +1

    I need help. Scrolling works perfectly on PC, but on mobile every time I scroll a little, the text returns to the beginning.

  • @Wares_hashimi
    @Wares_hashimi 4 місяці тому +1

    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

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому

      Thank you! That's actually CSS variable which can be utilised for more user friendly code.

  • @melindathornton
    @melindathornton Рік тому +1

    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?

    • @brebre22310
      @brebre22310 Рік тому

      I'm having the same issue
      were you able to fix it?

    • @MT-wt9re
      @MT-wt9re Рік тому

      @@brebre22310 No. I never received a response. And, I never could get it to work. ☹️

    • @brebre22310
      @brebre22310 Рік тому

      @MT-wt9re
      Same. I just downloaded a text marquee plug in instead.

    • @melindathornton
      @melindathornton Рік тому

      @@brebre22310 Good idea. Which one did you choose to use? Let me know if it works well and I will use it too!

    • @brebre22310
      @brebre22310 Рік тому

      @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

  •  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!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +2

      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
      @DataZoro 2 роки тому

      @ can tou help me to setup this container

    •  2 роки тому +2

      @@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.

  • @franktielemans6624
    @franktielemans6624 Рік тому

    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
      @MakeDreamWebsite  Рік тому

      You can make the normal title to dynamic title from the dynamic tags option of the heading widget.

    • @franktielemans6624
      @franktielemans6624 Рік тому

      ​@@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.

  • @akshitmarwaha6857
    @akshitmarwaha6857 2 місяці тому

    this is absolutly amazing content seriously. Thanks a lot

  • @allisonkessler17
    @allisonkessler17 Рік тому +4

    This tutorial was fantastic, exactly what I needed!

  • @michaellengner7605
    @michaellengner7605 Рік тому +2

    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?

  • @ashywhy8089
    @ashywhy8089 2 роки тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      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...

    • @ashywhy8089
      @ashywhy8089 2 роки тому

      @@MakeDreamWebsite I see thank you!

  • @orayanvlogs1108
    @orayanvlogs1108 Рік тому

    Should i mark this as h1, span, div or h2 please someone help.🙏

  • @Enomyx
    @Enomyx 2 роки тому

    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?

  • @artkarapetov5712
    @artkarapetov5712 2 роки тому +1

    Dude your tutorials are awesome. I bought a few templates from you to support the channel. Keep it up bro

  • @gianlucagrazi4717
    @gianlucagrazi4717 Рік тому

    It does seem not to be working with the new elementor container. Did anbody try?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      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.

  • @anasbinzia8066
    @anasbinzia8066 Рік тому

    Can it work same for the images? instead of text

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      Yes, you can follow this video: ua-cam.com/video/i0SqcVmgLxA/v-deo.html

  • @danconover14
    @danconover14 Рік тому

    my second stroke text is flipped upside down, any reason why, also its not going diffrent direction

  • @lisateawhitu1554
    @lisateawhitu1554 2 роки тому +2

    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?

    • @MatheusZoti
      @MatheusZoti 2 роки тому

      I'm struggling with the same problem

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      I'll soon make a container version of it and added as readymade template...

    • @baptistedebels8987
      @baptistedebels8987 2 роки тому

      @@MakeDreamWebsite Hi ! thanks a lot for this tutorial, do you think to make it for flex container ? :)

  • @DidierAlvarado
    @DidierAlvarado Рік тому

    Make with Container?

  • @federicopoliti7538
    @federicopoliti7538 Рік тому

    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?

  • @ITC2011AND12
    @ITC2011AND12 2 роки тому

    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?

  • @natalielinke2328
    @natalielinke2328 3 роки тому +1

    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

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 роки тому +3

      For this you need to go to the Inner section > Content (tab) > Overflow: hidden. That's it.

    • @natalielinke2328
      @natalielinke2328 3 роки тому

      @@MakeDreamWebsite It works perfectly. Thanks for your great tips!

  • @sotnasdesign
    @sotnasdesign Рік тому

    Hi,
    reverse class dont work for me.
    Text appear upside down

  • @SamsonAdeyemi
    @SamsonAdeyemi 2 роки тому

    can we use this for images too?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      No, it's for text only...

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      Here is the image version of this tutorial ua-cam.com/video/i0SqcVmgLxA/v-deo.html

  • @amkmammu9705
    @amkmammu9705 6 місяців тому +1

    OMG!! Its working AARRGGGG!!! THANK YOU!!! ⭐🥰

  • @irugal8964
    @irugal8964 8 місяців тому +2

    work like charm, pepole who worries about that inner section just add a container

  • @DataZoro
    @DataZoro 2 роки тому

    can you help me to set up this in elementor container

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      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.

  • @chrisoliver2019
    @chrisoliver2019 2 роки тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Not in this way, you have to follow different approach (layout and code snippet) for that...

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      Here is an updated version where you can use images or anything you want ua-cam.com/video/i0SqcVmgLxA/v-deo.html

    • @chrisoliver2019
      @chrisoliver2019 2 роки тому

      @@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!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      @@chrisoliver2019 ​ Haha.. glad to know that! 😇

  • @oluwabusuyijoshua2129
    @oluwabusuyijoshua2129 Рік тому

    Where did you get all that code you input

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      You can get the code snippet link in the video description

  • @Tektymes
    @Tektymes Рік тому

    @MakeDreamWebsite i want to create an automatic scrolling images from Left to Right, in Elementor,cn u help me ?

  • @anon5521
    @anon5521 3 роки тому +1

    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

  • @silsieirab
    @silsieirab Рік тому

    Thank you so much!! I tested it with the flexbox container as commented below and it works perfectly.

  • @andip93
    @andip93 Рік тому

    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.

  • @Nilrsy
    @Nilrsy 2 роки тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Here is an line with "animation" in the CSS, you can delete that line

  • @michaelhirt3915
    @michaelhirt3915 2 роки тому

    What i have to do if i have the flexbox activated. the code doesnt work now

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +2

      Okay, I'll add a an additional container version of this effect soon!

    • @michaelhirt3915
      @michaelhirt3915 2 роки тому

      @@MakeDreamWebsite yes pls

  • @rosariorizzo7263
    @rosariorizzo7263 2 роки тому

    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!

  • @lisajuarez6772
    @lisajuarez6772 2 роки тому

    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?

  • @JabranAziz-t7x
    @JabranAziz-t7x Рік тому

    I do not see the HTML code in your description, Can you please help?

  • @isabelaabreu332
    @isabelaabreu332 2 роки тому

    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?

  • @leopalmaro5412
    @leopalmaro5412 2 роки тому

    Why do you use CSS to control the speed? Can't you change the speed at the top of the HTML code?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      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...

  • @AmmarHamza94
    @AmmarHamza94 2 роки тому

    Hey! Where is the code you pasted in html widget?

  • @ChimmiChanga
    @ChimmiChanga Рік тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      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.

  • @istanbulmodel7368
    @istanbulmodel7368 2 роки тому

    Hi is there any solution that conflicted with theme js files

  • @orayanvlogs1108
    @orayanvlogs1108 Рік тому

    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
      @MakeDreamWebsite  Рік тому +1

      Yes you can

    • @orayanvlogs1108
      @orayanvlogs1108 Рік тому

      @@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🙏

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому +1

      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

    • @orayanvlogs1108
      @orayanvlogs1108 Рік тому

      @@MakeDreamWebsite when using span the text get inverted can i use p tag

    • @orayanvlogs1108
      @orayanvlogs1108 Рік тому

      @@MakeDreamWebsite Sir, what should i do please help🙏🙏🙏🙏🙏🙏🙏.

  • @vedikkaagarwal
    @vedikkaagarwal 10 місяців тому

    thank you!!! you saved me haha

  • @ruanmata9406
    @ruanmata9406 2 роки тому

    Great video, bro! U saved my life

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      Thank you brother! But no one can save anyone's life except Allah!

  • @fatmankulinerbali5566
    @fatmankulinerbali5566 2 роки тому

    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 ?

  • @2tartelette
    @2tartelette 2 роки тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      You need to modify the JavaScript code for that!

    • @2tartelette
      @2tartelette 2 роки тому

      @@MakeDreamWebsite unfortunelty I am freshmen in Elementor ;-( I don't know Java...

  • @oramiart138
    @oramiart138 Рік тому

    Hi, Thanks for your tutorial it's great! I can't find the html code to paste. Thank you

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому +1

      You can find the link in the description...

    • @oramiart138
      @oramiart138 Рік тому

      @@MakeDreamWebsite Thanks, I hadn't seen it

  • @bySterling
    @bySterling 2 роки тому

    Amazing! I’ll try it out today!

  • @nallebjorn.
    @nallebjorn. 2 роки тому

    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!

  • @tasvinderaulakh4062
    @tasvinderaulakh4062 2 роки тому

    can you do a tutorial for the same marquee effect when scrolling?

  • @watch1871
    @watch1871 2 роки тому

    Hey dude can I do the same in boxed section

  • @jonas8085
    @jonas8085 2 роки тому

    Hi why is my page getting to wide? How can I fix that in the code?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      From the section settings make its overflow hidden

    • @jonas8085
      @jonas8085 2 роки тому

      @@MakeDreamWebsite Thanks! But now it wont show the 2nd text slider, the one with border text

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      You can email me your page link

  • @ishikapapneja96
    @ishikapapneja96 Рік тому

    Does this code work only on elementor pro?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      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..

  • @NimaTable-pj1qh
    @NimaTable-pj1qh 2 роки тому

    but the background is not stable, move right and left

  • @denkeli
    @denkeli 2 роки тому

    Hi, your website is not working so i can't access the code. Is there any other way to copy it? Thanks!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      you can try now! May be the server was down then.

  • @katiemartin9254
    @katiemartin9254 2 роки тому

    Hi there, Thank you for a great video! Is there code available to make it not extend the screen and make it overflow?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      If it goes outside of the screen an make the website wide, you can make the section's overflow hidden.

  • @NurulHuda-yg3mt
    @NurulHuda-yg3mt Рік тому

    Brother I can't access your website when I clicked on your site link it not opening

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      You can try again now! I think the server was down then...

    • @NurulHuda-yg3mt
      @NurulHuda-yg3mt Рік тому

      @@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

  • @onursayn5517
    @onursayn5517 Рік тому

    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
      @MakeDreamWebsite  Рік тому

      Is it working well for other browers/devices?

    • @onursayn5517
      @onursayn5517 Рік тому

      @@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

  • @fabiviola6487
    @fabiviola6487 2 роки тому

    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 :)

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      You can email me your page link. So, I can figure out that problem

  • @Sheisdanielafernandez
    @Sheisdanielafernandez Рік тому

    amazing! thank u a lot

  • @landmarkwebdesign
    @landmarkwebdesign 2 роки тому

    Oh I LOVE this one!!!!!!!

  • @nodiranimojumder5942
    @nodiranimojumder5942 Рік тому

    This code is not working with Elementor Container , can you please update the code ?

  • @elisalacicerchia1727
    @elisalacicerchia1727 2 роки тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      You can email me that webpage link so I can find out that problem

    • @elisalacicerchia1727
      @elisalacicerchia1727 2 роки тому

      @@MakeDreamWebsite where can I find your email?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      @@elisalacicerchia1727 I just got your mail and give you a solution for that issue. Hope everything is working well now!

    • @AxasTheReal
      @AxasTheReal 2 роки тому

      @@MakeDreamWebsite hey i have the same Problem, can you provide me the solution too pls. :)

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Can you email me the page link?

  • @DKingFisher
    @DKingFisher Рік тому

    There's a HUGE sidescroll on mobile device though. I used text block instead of title.

    • @MakeDreamWebsite
      @MakeDreamWebsite  11 місяців тому

      You can make your section/container's overflow hidden! It should work!

  • @krishana1387
    @krishana1387 Рік тому

    Its not responsive, if we add this code, after that in mobile view side section have some problems ( menu bar )

    • @katjaaldi
      @katjaaldi Рік тому +1

      I solved this problem with the container settings > layout > advanced settings > overflow hidden instead of default

  • @felixvortex9
    @felixvortex9 2 роки тому

    You're a great teacher, thanks for the video

  • @liambonar7849
    @liambonar7849 2 роки тому

    This is brilliant, thank you

  • @jh_chen
    @jh_chen 2 роки тому

    I did the same but I don't get that effect...

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      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.

  • @kaiserobaldia1426
    @kaiserobaldia1426 2 роки тому

    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?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +2

      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.

  • @kellyquinteroba
    @kellyquinteroba Рік тому

    Thanks! excellent tutorial +1subs

  • @zakariafaraj1056
    @zakariafaraj1056 Рік тому

    Thanks a lot Brother

  • @PullOverItsDaPopo
    @PullOverItsDaPopo 2 роки тому

    What if I don't want the text to repeat itself?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      In that case, it's not working with this procedure. You can use HTML marquee tag instead.

  • @anuragkarthik.p5438
    @anuragkarthik.p5438 3 роки тому

    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.

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 роки тому

      At line no 10,11 you f the code snippet, instead of 1000vw make it 10000vw

  • @huguessemeillon4881
    @huguessemeillon4881 2 роки тому

    BIG THANKS 👍🏼

  • @darius55508
    @darius55508 2 роки тому

    WOW 👍 thx for this video ! very good

  • @Hellosoyanmar
    @Hellosoyanmar 2 роки тому

    Hello!!! thanks sooo much for the video, very good explanation it helped me a lot

  • @jamespandian3166
    @jamespandian3166 9 місяців тому

    How about long text?

  • @chanellegarrow
    @chanellegarrow Рік тому

    Where is the code? I dont see it in the description

  • @Rejoin_2023
    @Rejoin_2023 3 роки тому

    I wish I had your coding skills. Thank you

  • @vandehugobomfim
    @vandehugobomfim 2 роки тому

    Thanks!

  • @rubendragan6514
    @rubendragan6514 Рік тому

    thanks!

  • @topweb-adv
    @topweb-adv Рік тому

    Dont work. I dont have inner section (elemntor new version)

  • @LearnIlmEveryday
    @LearnIlmEveryday Рік тому

    Lovely😍

  • @wordpressexpert175
    @wordpressexpert175 3 роки тому +2

    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.

  • @play-cu5tv
    @play-cu5tv 2 роки тому

    thank you

  • @sgvenomop9197
    @sgvenomop9197 Рік тому

    Sir where is the code?? There is no code in the description...

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      Actually there is no code but there you can find a link for the codes

  • @pdsqa
    @pdsqa 7 місяців тому

    Hi , can you mention the html code pls