Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Timeline Journey Animation on Scroll

Hey peoples, please does anyone know how I can achieve the timeline journey feature on this site, having the dot/thumb move through a similarly curved path on scroll? 🙏🏾 🙏🏾...

Background

Hi guys, I would like to put this svg icon (in yellow) at the top right corner in my Webflow project. The issue is that it's not responsive, can you help me pls ? Thanks a lot ! Figma file : https://www.figma.com/community/file/1022429870595398693/agency-landing-page Weblow project : https://dream-agency-cd2ab6.design.webflow.com/?workflow=canvas...

Appear from right on click

Hello guys hope everyone is doing well. I am working on a project and client has sent me this website https://www.accenture.com/in-en. On this site you can see the cards in second section when you click on the card a page appears from right. If anyone has done this interaction or knows how we can achieve this in webflow can you guys give any insight. @Web Bae do you have any insights on this. Thanks for your help in advance.

Asset Bae only showing me a limited number of images

Hey Idk if this is the right place to ask this or post this issue. But I am working on my portfolio site and I don't feel like typing over 400 alt text for my images. For some reason Asset Bae is only showing me 46 images and won't let me view more. kinda silly in my opinion.
No description

Grow/Shrink cards on hover

Recently, I came across this effect and loved it! I thought I could recreate it myself, but it's a bit beyond me, haha. Could someone point me in the right direction? I initially thought it could be done with just CSS, but I can't quite figure it out. Thanks a lot! Reference: https://www.hartmanncapital.com/...
No description

Webflow 201 - Link to Figma file missing

Despite what's been said in the intro video, the link to the Figma file is missing. It is not there in youtube description nor in comments. So can someone provide the link? Thanks....

2 CMS Collections making holes (responsive)

Hello everyone, I have 2 different CMS collections because one project is drastically different than the others in terms of content so i cant reuse the template that all the other ones do. I would love to do whats shown on the picture. I've tried using Finsweet Combine but I dont know how to actually do what i set out to do there, nothing really changed. Please let me know if this is possible, it would be a GREAT help since I really don't know how else to do this, just this one project is driving me crazy haha....
No description

Problem with 100vh

Hello, I have a problem with an animation and would be really grateful if someone could help me. The link to the page is here: https://clippathsite.webflow.io/ The problem is that on iPhone devices, the bottom bar on the iPhone covers the text located in the bottom right corner of the phone. That text is a description of the image that is displayed and changes during scrolling. The text is visible while scrolling down, but when the user starts scrolling back up towards the top of the page, that bar appears and covers the text because everything is set to 100vh. I’ve tried using dvh and svh, but I haven’t been able to find a solution. How can I move the text upwards above that bar when the user scrolls back up towards the top of the page? I hope I’ve explained it well....

Infinite Marquee jump" to the start position

Hi! I followed the Infinite Marquee tutorial on youtube but it doesn't seem to work for me. For some reason animation jumps to the start position and the space between text and red circles is way too big, definitely not 1 rem :( Is there a way to fix it? Thanks in advance! https://preview.webflow.com/preview/inifnite-marquee-ff252b?utm_medium=preview_link&utm_source=designer&utm_content=inifnite-marquee-ff252b&preview=e55b17729a751ffd3894d3dc4e2e8514&workflow=preview...
No description

Need Help with a Simple GSAP Animation Not Working on Page Load

Hi there! I’m just starting out with GSAP, and I’ve created a simple animation to make an element enlarge when the page loads. However, for some reason, it’s not working, and I can’t figure out why. 😅 Does anyone know what I might be doing wrong?...

Changing the direction of interaction

Hi guys, I don't know the code very well and I'm having a lot of problems modifying this case (https://www.youtube.com/watch?v=rFUNxuHgK1U&t=290s) to change the interaction from vertical to horizontal. I've tried for a long time and still can't get the correct animation, any help is greatly appreciated, thanks!...

Lazy Load Images

Hello everyone, I have a problem with Lazy Load images in Webflow within this animation (https://webflow.com/made-in-webflow/website/grid-zoom-on-scroll-gsap). Even though the images in Webflow are set to lazy load, the images still load when the page is loaded, which extends the page load time. I have tried various options by modifying the GSAP code that ChatGPT provided, but nothing has worked. Has anyone had similar issues? Thank you!...

how To Reduce Js files size

In one of my clients website SEMrush report says MY pages have more than 2 mb js and css files but i dont know what and how to reduce page link :- https://www.transfi.com/pt/products/ramp...
No description

Duplicate meta Description issue in Multilingual site

Hey One of my clients has a multi-language website and they have copied pages It creates duplicate meta tags and description ...

Finsweet filter

I have used finsweet filter to filter these blogs but I am not able to change the styles of the 'ALL' as I have given 'clear' attribute to that text. Need help on this
No description

Share blog option in webflow

I need to make this in webflow. By clicking this the blog post should share to multiple platforms like linkedin etc.
No description

clip path

Hi @Web Bae ! I'm having an issue with your clip path app. I need photos to be clipped with a D shape. It does the job but the images are being cut off at the top, and there's something unexpected going on at the bottom of the image. I'm attaching the SVG and an image here. Can you help?

Janky Animation on Desktop Safari and all iOS browsers (safari, chrome and Arc)

Hi there, I'm working on a website for a client and they requested a slider on the website, i used splidejs to achieve this but when testing the website after building it i noticed janky animation where the slide just skip to the next one without animating on safari on mac and mobile broswers. Things to note : When i added a hardware acceleration code to website root css it fixes this but breaks any element that has position fixed. ...

Finsweet CMS Nest Not working

Hi everyone, I'm about to loose my mind. I'm trying to overcome to the limit on webflow cms. I tried using the finsweet CMS Nest Attribute but its seems not to be working. i have set everything as i was told on finsweet website and even cloned a couple of Webflow site including the one done by WEB BAE, this odd thing is it seems to work on the clone site but doesn't work on my site. i've tried everything even copied the exact working divs from the clone website but it still doesn't work. Also i noticed if i don't link the page it shows the items i want to nest but it just show all the items and not the ones i selected from the parent collection. When I run the ASS, i get this error message: “The attribute fs-cmsnest-collection=“speaker” is found, but the url link in the CMS Collection Item is not working. Check if the Link Block or Text Link have the correct link to the Item’s Template page.”...
Next