Web Bae

WB

Web Bae

Chat and get help with Webflow and Javascript.

Join

Do I need to know CSS and html for patreon courses?

Hi! I’m a Webflow developer with a background in design. All I know is thanks to using webflow for 5 years, so now I have a basic understanding of HTML and CSS, however, I usually avoid custom code or make smal tweaks thanks to chatgpt. but I’d like to learn JavaScript to enhance my projects. I’m really interested in the course available on Patreon about learning JavaScript in Webflow, and I’m especially excited about the upcoming GSAP courses! Will my basic understanding of HTML and CSS be helpful for the course? Is it required, or should I not be too concerned about it?...

How to make a toggle to display 2 different pages in Webflow

Hey there! I would like to know how can i create this example toggle that switches between landing pages so it appeals to two different customers.
⏯️ Watch the video for the example...

How to execute a function after loading multiple libraries

Hey guys! It’s been a while but I need some advice on something. I’m using Google Maps API + Finsweet CMS Load API (render all mode). I’m loading 1000+ items from a CMS Collection then pass all that info into Google Maps API to place markers on a map. ...

Webflow 201: Scroll to anchor animation is not working

For some reason webflow prevents not only the default "scroll to anchor" animation (which should work with the secondary button - "Discover More" on Hero section) but also does not handle custom code I put into "before <body>" custom code section. After clicking on the secondary button, the page just "jumps" to the feature section. I have also tried to assign the secondary button its own ID but no luck. I have found in some webflow article, that this could happen if there is an image on a page with "lazy load" settings, so I have set ALL images to "Eager mode" includignthe logos. Still the same error behavior....
No description

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
Next