You Can't Find a Better Infinite Marquee

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

КОМЕНТАРІ • 194

  • @webbae
    @webbae  Рік тому +10

    I just updated the cloneable with fixes for published mobile sites: For images: set loading to eager and width to 100%. Minimize extra content within the content div. For text just minimize extra content in the content div. Thanks Jake for your comment.

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

      Does setting image width to 100% not fill the entire screen though?

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

      @@samuel_powell in this case it means "100% of the parent element" or just makes the images fill available space depending on its sibling elements. in flexbox case.

    • @smashkirk
      @smashkirk 10 місяців тому +2

      Mine is a bunch of single words each in its own text block, works great on desktop. On mobile some of the words overlap. Not sure what you mean by "minimize extra content" in the content div.

  • @ericschenkenberger6118
    @ericschenkenberger6118 Рік тому +23

    If you want two marquees on the same page scrolling in opposite directions, give the marquee content in the second marquee another combo class of "reverse" and add this to the embed:
    .reverse {
    animation-direction: reverse;
    }

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

      💯 thanks Eric!

    • @NA-hs1xm
      @NA-hs1xm Рік тому +1

      doesn't work

    • @luna.9561
      @luna.9561 Рік тому +2

      Thank you so much! Works perfectly!

  • @kelly_browning
    @kelly_browning 2 місяці тому +1

    I think you might be my absolute favorite Webflow creator. You deserve FAR MORE credit and subs. Thank you for always putting time and care into your tutorials. This one helped out immensely!!!

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

      Wow, thank you! Can I use this as an official testimonial???

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

      @@webbae Absolutely! Anything I can do to help boost your visibility. I also watched your tutorial about connecting forms to third party applications like ConvertKit months ago and it was by FAR the most comprehensive and easiest to follow. Thank you for all of your hard work!

  • @josephgraham6098
    @josephgraham6098 5 місяців тому +1

    Bro, you've saved me on three projects with this marquee. Thank you, man.

    • @webbae
      @webbae  5 місяців тому

      Hey Joe - that’s awesome! Glad it helped.

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

    You saved me, thanks man. I'm currently doing a pro-bono project with other passionated guys in Italy. We are trying to make a change in the system of education (even small). I needed so bad this tutorial. You may have indirectly contributed to a great cause ❤

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

      Glad I could help and good luck!

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

    Thank you so much for taking the time to not just show the code but create a blog write up explaining your technique. I just could not wrap my mind around the concept until I found your video lol thank you!

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

    Absolutely amazing tutorial. I managed to translate this into my Shopify page as our company is changing the theme and could follow is flawlessly. Thank you for your contribution!

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

      Glad it helped - And cool to see it being used ALL OVER! The power of HTML + CSS :)

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

      could you guide me with the path on where i should add this. is it edit code > sections > new section?

  • @tmstmstms
    @tmstmstms 8 місяців тому +1

    You simply cannot find a better one. Awesome.

    • @webbae
      @webbae  8 місяців тому

      Thank you 🙏

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

    Not many words needed. Just dope! Thank you.

  • @patriksjeren
    @patriksjeren 2 місяці тому +1

    Great stuff, my marquees sorted :)

    • @webbae
      @webbae  Місяць тому

      💯 💯

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

    Best Marquee tutorial! Easy to follow and to the point. Thanks Web Bae

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

      Thanks Dmoco!

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

      @@webbae Have you got any tutorials for horizontal splide drag but nested in the cart 😜 I was looking in the bae webflow resources

  • @usernamehandle
    @usernamehandle 3 місяці тому +1

    THANK YOU. The other tutorials that are unresponsive are just... stupid

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

    this saved me, the native interactions are so choppy when building these

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

      I’m so glad it could help! In my latest live stream I used splide With the auto scroll extension to build a similar component, you might be interested in checking that out too

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

      Yoloing a Website for Dann Petty
      ua-cam.com/users/liveHoY_OKfFy_U?feature=share

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

    That's the actual marquee that worked for me ! Thanks!

  • @matthansbello
    @matthansbello 3 місяці тому +1

    Best Marquee ever... Made mine great... Thanks so much...

    • @webbae
      @webbae  3 місяці тому

      thanks!

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

    Reminiscent of childhood snow days, watching the schools scroll by on the bottom of the news channel indicating if they were still open. Needed them to scroll at faster rate!!

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

      We always gotta keep the school board in check with the scrolling marquees. Make sure the kids get their snow days! I’m talking to YOU Carmen Gisell!

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

      And YOU Heather Richard Shannon!!

  • @timdaff
    @timdaff 11 місяців тому +1

    I love css-only solutions.

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

      yes need more of these. Looking forward to CSS view transitions, scroll-driven animation, and :has selector!

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

    So clean 🧼 seeing that adaptive preview! Gotta have that display 💪🏼

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

      TBH the tag does go hard but MDN had to kill it 😢

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

    Thanks a lot for this video! This method is so much better than using the Webflow interactions!

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

      Glad it helped!

  • @carlosmera4793
    @carlosmera4793 2 місяці тому +1

    Thank you man!! :)

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

      Happy to help!

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

    You my friend are a master!❤ Thank you!

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

    Works a charm, thank you!

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

    Very nice! I like this setup for a basic marquee, but if you want mouse interrupts where you can pause it when mouse enters and scroll with trackpad, I need a more advanced solution.

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

      GSAP will have you covered for that - I have a video in that too :). This one could do the hover effect with an extra line of css I think someone already asked about that in the comments.

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

      @@webbae Eager to know the code. Pls.

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

      @@avinashnamadhari here you go: webflow.grsm.io/cloneable-is-bae?sub1=infinitie-marquee-pause-hover

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

    Works perfect! Thanks!

  • @Theo-mo6vu
    @Theo-mo6vu Рік тому +2

    Hello, thank you for this video. There is one problem I am having where the marquee flickers when transitioning on Firefox and Safari but works fine on Chrome. Do you know what could be causing this and how I can fix it?

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

      not sure but it does sound like a calculation error or issue with your gap. A common mistake is also not eagerly loading images. Feel free to drop in discord and post a link to your project.

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

      same here

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

    Cool, gives the page that live news feel of the big boys.

  • @taylorcornelius7926
    @taylorcornelius7926 2 місяці тому +1

    Hi, any idea why at the end of the second marquee-content the animation "jumps" to the start position? It's not a smooth loop. Both marquee contents are the same. Thanks for the help!

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

      it could be a number of things... timing, widths of inner elements, some CSS properties...
      the comments have a lot of troubleshooting that might help.
      otherwise feel free to post in Discord and I can try to help you out.

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

    Hey Keegan, this is easily one of the simplest marquee!
    BTW, would love to know how to stop the scrolling animation on hover interactions, say helping the user to read and/or click link in the text content.
    Thanks!!

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

      I think you posted in Discord but here's a cloneable that does that: webflow.grsm.io/cloneable-is-bae?sub1=infinitie-marquee-pause-hover

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

    Very nice tutorial, easy to follow. And yes, I do change text color instead of background all the time and then wonder why it is not working haha

  • @jsphbngrnd8847
    @jsphbngrnd8847 9 місяців тому +1

    I tried making this with a collection list, there's a little work around that needs to be added.
    This example doesn't take into account the extra div (collection list wrapper), so it needs to be deleted on load (this doesn't affect the CMS items).
    Here's the script I added to handle this (it may need to be adapted to your build):
    $(document).ready(function() {
    $('.marquee-content').each(function() {
    const marqueeContent = $(this);
    const marqueeWrapper = marqueeContent.parent('.marquee-wrapper');
    // move marqueeContent out of the wrapper
    marqueeWrapper.before(marqueeContent);
    // Delete marqueeWrapper
    marqueeWrapper.remove();
    });
    });

    • @webbae
      @webbae  8 місяців тому

      thanks for sharing!

  • @ghazalegh9975
    @ghazalegh9975 10 місяців тому +1

    That was really useful thank you. 😇

  • @silverline-studio
    @silverline-studio 4 місяці тому +1

    whenever i put my images instead of the ipsum logo's, they start skipping..

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

      there are a lot of helpful tips in the comments. It may have to do with widths of items (check inspector).
      If that's troublesome - try my splide auto scroll cloneable: webflow.grsm.io/cloneable-is-bae?sub1=splide-template-with-autoscroll

  • @87rtlandry
    @87rtlandry Рік тому +1

    Yes, but how do you get it to tilt like in the thumbnail?
    My guess is that you will need to be able to extend the edges past the VW and then add your rotation.

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

      yup that's it! Hop on in the discord if you need help: discord.gg/nN4ZbGem

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

    Works great!!

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

    Thank you so much! you gained a new subscriber

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

      Thanks for the sub!

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

    Wow. Great video my friend.

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

    Agree, this is the best one)

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

    Great work man!
    Any tips on how to do this using a CMS collection?
    Thanks dude.

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

      Sure thing - essentially I would just map each collection item to "marque-image" and then the collection list would map to the "marque-content" div. Hope that helps!

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

    Great video. Thanks my man.

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

    Thanks for the amazing tutorial. Any major difference you noticed between this and the GSAP one?

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

      Major difference is CSS vs. JS. CSS I like because it's a simple copy/paste job and run in Webflow designer. JS I like because I feel like I have more control - I had one subscriber modify it so it scroll top to bottom instead. There's a lot of content on the web saying CSS animation outperform JS but the true answer is "it depends" I believe. In general I find myself reaching for Javascript when doing animations these days but that's probably just because I use it for so many other things too. CSS is capable of some really amazing stuff.

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

    Thanks for the awesome vid man! Everything works except on my puplished mobile site, logos are randomly disappearing at times. Not sure if you have any advice or have seen this before? Cheers

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

      same. On webflow preview everything looks clean, but on published mobile device the logos are ways slower and even disappearing.

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

      That’s not cool. Sorry about that. I’ll look into this.

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

      Was able to fix the issues - make sure any images that will be off screen have loading set to "eager." I also set width to 100%. For text, I added a class of "hide" to the second text elements inside the content divs. It seems to perform best on mobile when you don't add more to the content div than what should render on screen. Preview link with fixes to follow once you guys confirm the fixes work for you.

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

      Preview of fixes: preview.webflow.com/preview/wb-infinite-marquee-c9304d09ef2d1f9aad2?preview=4810fc9081737a6ecb84531580f071c9&workflow=preview

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

      Works for me on safari and chrome iPhone 14

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

    For some reason, the first 5 or 6 logos in my marquee don't smoothly come into view from off screen, where you can see the whole logo move into view. Instead they sort of blink in. Any ideas what's going on? Thanks

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

      Check comments on setting loading to eager for your images.

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

    Dude I love you! Thank you so much🙏

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

      Appreciate your support!

  • @DenisLeskovets
    @DenisLeskovets 10 місяців тому +1

    How do you remove the gap between the marquee content blocks?

    • @webbae
      @webbae  10 місяців тому +1

      adjust the flex gap in designer and in the custom css.

  • @lodeluyckx
    @lodeluyckx 5 місяців тому +1

    Nice, thanks!

    • @webbae
      @webbae  5 місяців тому

      You bet!

  • @mirkosimic8898
    @mirkosimic8898 5 місяців тому +2

    how can you say you cant find a better infinite marquee and does not even explain how it works on mobile...

    • @webbae
      @webbae  5 місяців тому

      Works on my machine! 🙃

    • @mirkosimic8898
      @mirkosimic8898 5 місяців тому +1

      thank you for your answer, i really appriciate it. It would be awesome if you explained what to do, because i have 2 different marquees on my home page now. I followed every step, only I did it with text, so I have 1 container and 2 containers and in each one 8 words.

    • @webbae
      @webbae  5 місяців тому

      did you read through the comments and the description block? There are sometime where you may need to make adjustments to getting it to work. My inclination is that the text may be too long or something and sometimes safari doesn't like that. Hard to say without being able to inspect though.

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

    Thank you!

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

    Thanks for sharing! Is it possible to change the speed? Feels a little quick currently.

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

      Yes just adjust the value in the css code.

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

    why does it blink from time to time? i see the blinking on the clone project also

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

      I'll have to investigate. Would you be able to send a screenrecording?

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

      same!

  • @tombinroth
    @tombinroth 7 місяців тому +1

    Happy New Year and thank you for sharing. The marquee is working perfectly in Safari and Chrome.
    I noticed a strange loop issue using Firefox, though. Simply add 8 images with 650x500px dimension to the marquee-content. The marquee flickers and the loop interrupts on Firefox. Adding 6 images instead shows smooth marquee. It could be related to max dimension? I have set loading to eager, width to 100% and also added -webkit-transform: translateZ(0) to no avail. Is it Firefox bug?

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

      Hey Tom! Unfortunately not sure on this one :(. Sounds like something to do with Firefox like you mentioned but I can't say for sure.

  • @SaeedKhan-lz6bt
    @SaeedKhan-lz6bt 3 місяці тому +1

    what is the CSS for change the direction?. left, right, up, down.

    • @SaeedKhan-lz6bt
      @SaeedKhan-lz6bt 3 місяці тому +1

      this is automatically move from right to left... i want also up and down and right also.

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

      Try reverse for right to left. For top to bottom you’ll need to modify the x value in the Keyframes to y. I’ll bet chatGPT could nail it!

  • @hristodimchev4168
    @hristodimchev4168 10 місяців тому +1

    How we are able to see the horizontal scrolling content in the editor on 3:01? Is that a webflow short key?

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

      You can control that with the overflow property on the element with the marquee class.

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

      @@webbae Thanks, I'll try it next time. Amazing channel and info btw, greetings from Eastern Europe!

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

    NICE! Thanks for sharing!

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

    Thank you for the video. I have a question. Everything works great on desktop and even the mobile preview in web flow but whenever I publish it, all of my logos seem to be extremely far apart only in Mobile. I did your solution but they just seem to be so far apart from each other. Any idea why? I tried to join the discord but the link is invalid

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

      here's a link that will work for 7 days: discord.gg/mzTCSehv would love to check out your build.

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

    This is Absolutely the Best

  • @jimmoefoe1471
    @jimmoefoe1471 27 днів тому +1

    It breaks when we add more image to it.

    • @webbae
      @webbae  22 дні тому

      Be sure to check the comments section for a lot of good tips!

  • @Mattiasbaldi123
    @Mattiasbaldi123 22 дні тому +1

    This animation does not work in safari.

    • @webbae
      @webbae  День тому

      it does, but it can have issues depending on how you set it up. Please check the comments section for important updates and fixes from the community.

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

    There a big uneven gap in between the text.

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

      feel free to send along a read-only or live preview and I'll see if I can help.

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

    Hi Web Bae, amazing tutorial thank you very muhc for your content. How can i rotate the marquees without having them cutted? Thanks again keep up with your good work.

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

      Hey Pedro - a few steps: 1. Extend the width to something like 110%. 2. Translate X left -5% (or whatever half of width%-100) is. 3. Rotate! 4. Set parent wrapper… probably the section… to overflow hidden to prevent horizontal scroll issues. Good question maybe I’ll make a quick video in that.

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

      @@webbae already tried something like that but it still cuts on the left and adds horizontal scroll even if the marquee is set to overflow hidden. And if i make the section overflow hidden the marquee does something weird that gains some kind of padding that follow the height of the section. Maybe im doing something wrong. Thanks for the quick answer

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

      @@pedromrr7 I’ll try to take a look when I get back to my desk

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

    Does this work with a collection list? I've tried about 5 different solutions and none of them seem to...

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

      I haven’t tried with CMS but I don’t see why not. Send me a preview link?

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

    Hey! Thanks for the video. Just have a question: if I have several marquees, how can I make one of them scroll in the opposite direction?

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

      Change the translateX(calc(-100% - 1rem)) to positive 100% ought to do it.

    • @NA-hs1xm
      @NA-hs1xm Рік тому

      ​@@webbae it does move to the right but it creates a skip starting from the beginning

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

    This is great, only thing is I get a gap between marquee content blocks, and second one just appears in the middle. Discord invite expired, any other way I get some help? Thanks! 🙏

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

      here you go: discord.gg/pwfDptfBZb

  • @Jonathan_Bowman
    @Jonathan_Bowman 2 місяці тому +1

    Anyone know how to do a fade ramp -- on the edges?

    • @webbae
      @webbae  2 місяці тому +1

      Check out this cloneable by Khrystyna Liubynska which uses absolute divs with linear gradients. You might also be able to use CSS :before and/or :after pseudo elements to do it.
      webflow.grsm.io/cloneable-is-bae?sub1=logo-marquee-dual

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

      @@webbae Thanks Brother!

  • @haydenerich4411
    @haydenerich4411 18 днів тому +1

    is there any way to do this on a curve or at an angle?

    • @webbae
      @webbae  День тому +1

      curve would be tough but you could rotate the whole thing and extend it a little beyond 100%

    • @haydenerich4411
      @haydenerich4411 День тому

      @@webbae interesting idea thanks. i ended up finding a way to do this using some embedded javascript

  • @AndrewE8001
    @AndrewE8001 11 місяців тому +1

    Wow!!! Thank you Web Bae!

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

      You bet!

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

    Does this work with Showit too? And if so, where do I add the text I want as an infinite marquee?

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

      Have never used showit but it supports HTML and CSS then it should work!

  • @LetTheTruthBeTold8324
    @LetTheTruthBeTold8324 11 місяців тому +1

    sorry I am slow, do you have the html text I can copy and I will make changes as I go

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

      I don't but you could open up the webflow cloneable and copy/paste from inspector or export the code if you have the right workspace plan.

  • @user-fk6nc9zq9o
    @user-fk6nc9zq9o Рік тому +1

    Apologies late to the party here! Thanks for this great marquee! Is it possible on mobile to make it animate slightly faster? Let me explain I've I've got 5 logos scrolling and 5 other in reverse and its set to '20s' and it works perfectly on desktop and tablet at that speed but on mobile portrait and landscape it slows to a snail's pace? :( Is it something I'm doing?

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

      you could use a CSS media query to accomplish that... something like:
      /* Media query for mobile */
      @media (max-width: 600px) {
      .scroll {
      animation-duration: 30s; /* Adjust the speed for mobile */
      }
      }

    • @user-fk6nc9zq9o
      @user-fk6nc9zq9o Рік тому

      @@webbae Thanks for this! Although i may be design savvy unfortunately I'm not coding savvy :)...but i'm learning! But now you've explained...it makes perfect sense!
      Like i say coding is not my expertise...so am i right in thinking if i place the media query like this?...
      @keyframes scroll {
      from {
      transform: translateX(0);
      }
      to {
      transform: translateX(calc(-100% - 1rem));
      }
      }
      .scroll {
      animation: scroll 30s linear infinite;
      }
      .reverse {
      animation-direction: reverse;
      }
      * Media query for mobile */
      @media (max-width: 600px) {
      .scroll {
      animation-duration: 30s; /* Adjust the speed for mobile */
      }
      }

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

    How do i add more images? it overlaps all the time?

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

      try setting flex child sizing to none and width to 100% on the element.

  • @user-oo9cs7ki5g
    @user-oo9cs7ki5g 7 місяців тому

    hi there - super cool tutorial, thank you! Is there any way to solve issues when marquee is position absolute? As soon as I put the marquee div block as absolute it doesn't work as intended. I tried putting it in the wrapper that would be absolute so the marquee is static, but it also causes issues. I'm trying to use a marquee as a part of the design on the website in a specific place (rather then going across the whole page).

    • @webbae
      @webbae  7 місяців тому +1

      Hey hard to tell without an example to debug. Discord is for that.

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

    from where you add scroll combo class?

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

      maruqee-content - can you check the cloneable?

  • @urban-pixel
    @urban-pixel 9 місяців тому

    Genius!!!!!! Thanks 🙏

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

      Glad it helped!

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

    Hey bro, whenever I swap my logos for the ones I want to use, the marque starts skipping, leaving a big gap then skips to the beginning again! Any ideas?

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

      Check the comments for some ideas. Setting width to 100% and loading to eager helps. You might also need to play with the number of logos in your content div.

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

      @@webbae Bro I dunno, where do i set the 100% width to? to the marquee? How do I change the loading?

    • @silverline-studio
      @silverline-studio 4 місяці тому

      @@Binyamin1444 It just doesnt work for anything besides .svg

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

    GENIOUSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

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

    Thanks for sharing

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

    Probably the best solution I can find, but doesn't seem to work well on Safari. Anyone know of a fix for this?

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

      Hey Sam there are a number of ideas to explore in the comments for fixes across various browsers. Hard to troubleshoot without a minimum example of the problem you are facing though!

  • @joedoe7506
    @joedoe7506 9 місяців тому +1

    im getting skipps. what might that be?

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

      Hey Joe - lots of info in the comments about little fixes you can try depending on what may be causing the skips. Feel free to hop in Discord and share a link too.

  • @AFDAL-xu4yz
    @AFDAL-xu4yz Рік тому

    I tried to add more than 2 marque-content but it doesn't work :(

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

      pop in discord and provide a link if you need help.

  • @GP-JB
    @GP-JB Рік тому +1

    I get glitches when I change the speed (% in the embed). Any ideas man? Thanks dude! Flex GAPS are both set to 1.

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

      Sometimes it needs a refresh or click of the preview button to "reset" but should still work on the published site. Swing by the Discord if you still need help: discord.gg/eun35XFA

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

      Please could I have another invite?

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

      how do I get into the discord dude?

  • @hal-zeitlin
    @hal-zeitlin Рік тому

    How does it compare to Relume's solution? Neat.

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

      Not familiar with their marquee solution but in general they make really quality stuff so I'm sure it's top notch too.

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

    Do this work with wordpress?

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

      I've never used wordpress but I don't see why not.

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

    There’s a lot of bugs with responsiveness.

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

      Check the comments for lots of good ideas for fixes and other issues.

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

      How do I -> 2. Set loading to eager on all images@@webbae

  • @RajivB.
    @RajivB. Рік тому +1

    your mic is killing my ears

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

      Hey sorry about that. I can try turning down the gain next time. Is it too loud? Fuzzy? Crackling?

    • @RajivB.
      @RajivB. Рік тому +1

      @@webbae the treble sounds too high, it sound too harsh

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

      @@RajivB. Thanks I'll play around with my audio settings for next video.

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

    total bs

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

      Thank you for this outstanding comment. You win comment of the month award! 🥳

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

    Thank you!