Infinite loop not working

Design help General
1

Hi,

I am trying to make an infinite marquee, I followed all the steps from a tutorial but it is not infinite, it stops, what am I doing wrong? Please help

https://preview.webflow.com/preview/serialmusewebsite-d949536f6228f8bf9dcd4?utm_medium=preview_link&utm_source=designer&utm_content=serialmusewebsite-d949536f6228f8bf9dcd4&preview=d8deba52adaa8e8ea92ac865c2fbedfe&pageId=64a3617c697ab4e14bf345ef&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @AASM21 :wave: Where you want to do an infinite marquee?
Try to check this video: How to Webflow: Infinite marquee - Tutorial (2019) - YouTube

3

Will follow that tutorial thank you so much. Sorry to bother you again but I can’t center the PLAYGROUND link on my nav bar. I’ve used flex box, 100% width but it still doesn’t work. Don’t want to use pading or margin because ideally I want it to stay in center always, is there a way to do this? Thanks!!

https://preview.webflow.com/preview/serialmusewebsite-d949536f6228f8bf9dcd4?utm_medium=preview_link&utm_source=designer&utm_content=serialmusewebsite-d949536f6228f8bf9dcd4&preview=d8deba52adaa8e8ea92ac865c2fbedfe&pageId=64a3617c697ab4e14bf345eb&workflow=preview

4

Just use Grid instead Flexbox:

image
image1920×946 89.9 KB

And use align settings for Grid elements:

image
image1920×641 84.9 KB

5

Thank you sooooo much have a great day!!!

1 Like
6

Hi again!! Sorry to bother you once again. Im having issues aligning the nav bar for mobile. Followed the steps you tought me but it doesn’t work. Would you please help me? Thanks?

https://preview.webflow.com/preview/serialmusewebsite-d949536f6228f8bf9dcd4?utm_medium=preview_link&utm_source=designer&utm_content=serialmusewebsite-d949536f6228f8bf9dcd4&preview=d8deba52adaa8e8ea92ac865c2fbedfe&workflow=preview

7

Step #1 For .Menu Button 5 set Padding 0: for all sides
Step #2 For .Nav Menu Button 2 set Margin 0: for all sides, Position: Relative
Step #3 For .Navbar Drop: Display: Flex, Justify: Space Between, Padding (Left-right: 5%)
Step $4 For .nav-brand 7 Margin-left, Padding-Left: 0