Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

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

Number field formatting in CMS Collection

Hi there. I have Number field in my CMS Collection, and the numbers after adding Collection items look like this – 100000, 249000, etc. These are property prices (I am creating real estate website) and should be displayed like this – 100,000€ or 249,000€. I am also using CMS Filter from Finsweet to filter properties by price range (from - to). How can I format these prices so the filtering/sorting will still work?

Webflow site based on Web Bae’s Horizontal Scroll, loads zoomed out in Chrome on iPhone

Greetings! I've used @Web Bae 's inital "Flawless Horizontal Scrolling in Webflow" structure set up in Webflow to flesh out my site, but I'm running into some weirdness when it's viewed specificly in Google Chrome on the iPhone (perhaps other divices?). The link to the Webflow site is: https://910zen-v3.webflow.io/ Webflow Read Only Link: https://preview.webflow.com/preview/910zen-v3?utm_medium=preview_link&utm_source=designer&utm_content=910zen-v3&preview=2a0bb0fda70d3a64b98d5d665d9ae006&workflow=preview ...
No description

Smooth scroll in Webflow

Hello everyone. Does anyone know what is the best way to implement smooth scroll in Webflow? I watched Timothy's tutorial for Lenis.js, but I see that people are having issues with Safari, anchor links sometimes returning to the top of the page, etc. It's also a bit irritating when scrolling and then while the scrollbar is moving, if we grab it with the mouse, the whole page starts glitching and bugs out for a few seconds. Is there any alternative or solution for these problems?
Next